web-dev-qa-db-ja.com

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

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

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

google-chromefavicon
35
Randomblue

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

19
Scott

クリックできます 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">
12
amiregelz

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

10
blo0p3r

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

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

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

ソース

6
browly

Chrome Dev Tools Networkタブを使用します。faviconでフィルターします。Shift+ F5でページを再読み込みします。リンクまたはデフォルトの場所から読み込まれたかどうかにかかわらず、アイコンが表示されます。

4
Hopeless

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

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

0
CalvT