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이 나열됩니다. 링크를 클릭하십시오.