特定のブラウザの特定のタブアイコンの配置方法

特定のブラウザの特定のタブアイコンをどのように配置できるかについてインターネット上で検索していますが、私の質問は明確ではない可能性があります。ブラウザに合わせてウェブサイトのアイコンの色を変更したい（例：googlechrome（アイコンは赤色）、firefox（アイコンは青色）、...など）特定のブラウザの特定のタブアイコンの配置方法

このような任意のものがある：

<link rel="icon" type="image/png" href="icon.png?v=2 <!-- choose the browser here-->" sizes="48x48">

任意のヘルプしてください。 JavaScriptので

出典

2016-10-29 phoenix

あなたは純粋なhtmlでそれを行うことはできません - あなたはjavascriptまたはいくつかのサーバサイドロジックを使用することができます。 –

JavaScriptを使用すると、完璧なWebページを作成できますか、それとも悪くなりますか？ – phoenix

サーバー側のロジックを使用していますか？ PHPなど何か？ –

：あなたのHTMLで

function writeIconElement() { 
    var iconUrl = 'icon-default.png'; 
    var browser = 'Chrome'; 

    if (browser === 'Chrome') { 
     iconUrl = 'icon-chrome.png'; 
    } 

    var link = document.createElement('link'); 
    link.setAttribute('rel', 'icon'); 
    link.setAttribute('type', 'image/png'); 
    link.setAttribute('sizes', '48x48'); 
    link.setAttribute('href', iconUrl); 
    document.head.appendChild(link); 
}

：

<head> 
    <link rel="stylesheet" href="style.css"> 
    <script src="script.js"></script> 
</head> 

<body onload="writeIconElement()"> 
    <h1>Hello Plunker!</h1> 
</body>

あなたがターゲットとしているブラウザかに応じて、ブラウザを検出するためのさまざまな方法があります。

出典

2016-10-29 02:21:21

thaaaaaaaaaaaaaは非常に – phoenix

特定のブラウザの特定のタブアイコンの配置方法

答えて

関連する問題