Googleを使用してWebサイトのファビコンをどこで入手できますかChrome開発ツール。リソース(html、css、js、画像など)にアクセスできますが、ファビコンが見つかりません。
ファビコンはChrome開発ツールに隠されていますか?
HTMLで「ショートカットアイコン」リンクを見つけるのは、少し退屈な場合があります。別の方法は、インターネットショートカット(IEの「お気に入り」、別名「ブックマーク」)を作成し、メモ帳で開くことです。
[DEFAULT]
BASEURL=http://superuser.com/questions/532616/grab-favicon-ico-…
[{000214A0-0000-0000-C000-000000000046}]
Prop3=19,2
[InternetShortcut]
URL=http://superuser.com/questions/532616/grab-favicon-ico-using-google-…
IDList=
-> IconFile=http://cdn.sstatic.net/superuser/img/favicon.ico
IconIndex=1
IconFileとIconIndexは通常、最後にあります。
クリックできます Ctrl+U to ソースを表示し、コード(<link rel="shortcut icon"
)でファビコンを探します。 <head>
内にあるため、通常はHTMLソースファイルの先頭にあります。
このページでは、7行目にあります。
<!DOCTYPE html>
<html>
<head>
<title>Grab favicon.ico using Google Chrome dev tools - Super User</title>
<link rel="shortcut icon" href="http://cdn.sstatic.net/superuser/img/favicon.ico">
これを行うには、Googleの機能を使用できます。
http://www.google.com/s2/favicons?domain=www.google.de
上記のドメイン名を置き換えると、その特定のドメインのファビコンが取得されます。
このバリアントを使用することもできます:
http://www.google.com/s2/favicons?domain_url=http%3A%2F%2Fwww.google.de%2F
これは、任意のURLのファビコンを取得します。
これは実際にGoogle Chrome=(質問でリクエストされたとおり))の一部であり、ログインが必要なサイトで機能するツールです。
アドレスバーで、chrome://favicon/
の後にURLを入力します。
たとえば、chrome://favicon/https://example.com/private-page.html
Chrome Dev Tools Networkタブを使用します。faviconでフィルターします。Shift+ F5でページを再読み込みします。リンクまたはデフォルトの場所から読み込まれたかどうかにかかわらず、アイコンが表示されます。
ページを右クリックしてinspect element
を選択してみませんか?これでページのHTMLコードが表示され、そこにファビコンがリストされます。リンクをクリックするだけです。