Chrome 개발자 도구를 사용하여 favicon.ico 가져 오기 얻을 수 있습니까? 리소스 (html, css, js,

Chrome 개발자 도구를 사용하여 웹 사이트의 즐겨 찾기 아이콘을 어디에서 얻을 수 있습니까? 리소스 (html, css, js, images 등)에 액세스 할 수 있지만 즐겨 찾기 아이콘을 찾을 수 없습니다.

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를 클릭 하여 소스 를보고 코드에서 즐겨 찾기 아이콘을 찾을 수 있습니다 ( <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">

답변

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에 대한 즐겨 찾기 아이콘이 표시됩니다.


답변

다음은 실제로 Chrome의 일부이며 (질문에서 요청한대로) 로그인이 필요한 사이트에서 작동하는 도구입니다.

주소 표시 줄 chrome://favicon/에을 입력 한 다음 URL을 입력하십시오 .

예를 들어 chrome://favicon/https://example.com/private-page.html

출처


답변

Chrome 개발자 도구 네트워크 탭을 사용하십시오. favicon으로 필터링 Shift + F5를 사용하여 페이지 새로 고침 링크가 있거나 기본 위치에서로드 된 아이콘에 관계없이 아이콘이 표시됩니다


답변

페이지를 마우스 오른쪽 버튼으로 클릭하고 inspect element? 그러면 페이지의 html 코드가 제공되고 여기에 favicon이 나열됩니다. 링크를 클릭하십시오.

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