Google Chrome開発ツールを使用してfavicon.icoを入手する

33

Google Chrome開発ツールを使用して、Webサイトのファビコンをどこで取得できますか。リソース（html、css、js、画像など）にアクセスできますが、ファビコンが見つかりません。

Chrome開発ツールのファビコンはどこに隠れていますか？

google-chrome favicon

1

HTMLページでも同じ問題が発生し、ファビコンを明示的に指定する必要がないことに気付きました。代わりに、ブラウザは自動的にを読み取りました/favicon.ico。参照：mathiasbynens.be/notes/rel-shortcut-icon

— ケビナープ

19

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は最後にあります。

— スコット
ソース

このようなテキストエディターでお気に入りのバーサイトの1つを開くにはどうすればよいですか？

— ジョエルバルマー

1

これを試してください：メモ帳を起動し、最小化し、お気に入りをタスクバーのメモ帳タスクボタンにドラッグし（そこにドロップしないでください）、メモ帳ウィンドウが再び開くのを待ってから、開いているウィンドウにドラッグしてそこにドロップします。

— スコット

1

スコットに感謝します。残念なことに、Macではtextedit / xcode / sublimeを使用してコードを編集します。提案を実行すると、基本的にお気に入りのサイトのリンクが貼り付けられるようです。うまくいけば方法があります！

— ジョエルバルマー

2

質問者がこの答えを受け入れたことは知っていますが、「Chrome開発ツールの使用」について明示されていた質問には答えていません。これは、ユーザーのOSがWindowsの場合にのみ役立ちます。

— jsejcksn

10

Ctrl+ Uをクリックしてソースを表示し、コード内でファビコンを検索できます（<link rel="shortcut icon"）。通常、HTMLソースファイルの上部にあります<head>。

このページでは、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">

— アミレゲルツ
ソース

4

他のすべての画像と一緒に「リソース」にないのはなぜですか？

— ランダムブルー

@randomblueどこにあるべきですか？下のフレーム> superuser.com>イメージ？

— amiregelz

3

はい、または「リソース」ペインのどこかにあります。

— ランダムブルー

これは確実に機能しません。ファビコンを指定する方法は複数あります。<link>要素はそのうちの一つです。

— me_and

9

これを行うには、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のファビコンを取得します。

— blo0p3r
ソース

これはすべてのURLで確実に機能するわけではありません。特に、pactcoffee.comで試したどのバリアントでも動作するようにはなりませんでした。

— me_and

@me_and https://www.google.com/s2/favicons?domain=media.pactcoffee.com/は動作しました。ファビコンを別のサブドメインから取得していたため、オリジナルでは機能しなかったと思います。

— blo0p3r

4

これは、実際にはGoogle Chromeの一部であり（質問で要求されているとおり）、ログインが必要なサイトで機能するツールです。

アドレスバーにを入力しchrome://favicon/、次にURLを入力します。

例えば、 chrome://favicon/https://example.com/private-page.html

ソース

— かっこいい
ソース

2

Chrome開発ツールの[ネットワーク]タブを使用します。ファビコンによるフィルターShift + F5でページをリロードしますリンクまたはデフォルトの場所からロードされたアイコンに関係なく、アイコンを取得します

— 絶望的
ソース

0

ページを右クリックして選択してみ inspect elementませんか？ページのhtmlコードが表示され、そこにファビコンがリストされます。リンクをクリックしてください。

例http://cdn.sstatic.net/superuser/img/favicon.ico

— CalvT
ソース

1

明示的にリンクされているページ。ページが指定されていない場合、Webブラウザーはのデフォルトの場所を試行します/favicon.ico。これは、リソースにログインしないか、Chromeのネットワークトラフィックに表示されません

— frumbert