☰

Google Chrome 개발 도구를 사용하여 favicon.ico를 가져옵니다.

tag-icon • tag-icon google-chrome favicon
Google Chrome 개발 도구를 사용하여 favicon.ico를 가져옵니다.

Google Chrome 개발 도구를 사용하여 웹사이트의 파비콘을 어디에서 가져올 수 있나요? 리소스(html, css, js, 이미지 등)에 액세스할 수 있지만 파비콘을 찾을 수 없습니다.

Chrome 개발자 도구에서 파비콘은 어디에 숨겨져 있나요?

답변1

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는 일반적으로 끝에 있습니다.

답변2

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

주소 표시줄에 을 입력하고 chrome://favicon/그 뒤에 URL을 입력합니다.

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

원천

답변3

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

Chrome 개발자 도구 네트워크 탭을 사용하세요. 파비콘으로 필터링 Shift+F5를 눌러 페이지를 다시 로드하세요. 링크로 로드했거나 기본 위치에서 로드했더라도 아이콘이 표시됩니다.

관련 정보