Lấy favicon.ico bằng công cụ dev của Google Chrome


33

Tôi có thể lấy favicon của một trang web ở đâu bằng các công cụ dev của Google Chrome. Tôi có quyền truy cập vào các tài nguyên (html, css, js, hình ảnh, v.v.) nhưng tôi không thể tìm thấy favicon.

Favicon ẩn ở đâu trong các công cụ phát triển Chrome?


1
Tôi có cùng một vấn đề với một trang HTML, sau đó tôi nhận ra favicon không cần phải được chỉ định rõ ràng. Thay vào đó, trình duyệt đã tự động đọc một cách kỳ diệu /favicon.ico. Tham chiếu: mathiasbynens.be/notes/rel-shortcut-icon
kevinarpe

Câu trả lời:


19

Đôi khi có thể hơi tẻ nhạt khi tìm thấy biểu tượng phím tắt liên kết trực tuyến trong HTML. Một cách tiếp cận khác là tạo một lối tắt Internet (ví dụ, một Favourite trong IE, hay còn gọi là một Bookmark Bookmark) và mở nó bằng Notepad:

    [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 và Icon Index thường ở cuối.


Làm cách nào tôi có thể mở một trong những trang web thanh yêu thích của mình trong trình soạn thảo văn bản như thế này?
Joel Balmer

1
Hãy thử điều này: khởi động Notepad, thu nhỏ nó, kéo mục yêu thích vào nút tác vụ Notepad trên thanh tác vụ (không thả nó ở đó) và đợi cửa sổ Notepad mở lại, sau đó kéo vào cửa sổ mở và thả vào đó.
Scott

1
Cảm ơn Scott, thật đáng buồn trên mac tôi sử dụng textedit / xcode / sublime để chỉnh sửa mã và thực hiện đề xuất của bạn về cơ bản dường như chỉ dán liên kết của trang web yêu thích. Hy vọng có một cách!
Joel Balmer

2
Tôi biết rằng người hỏi đã chấp nhận câu trả lời này, nhưng nó không trả lời câu hỏi được hỏi, điều này rõ ràng về "sử dụng các công cụ phát triển của Chrome". Điều này cũng chỉ hữu ích trong trường hợp HĐH của người dùng là Windows.
jsejcksn

10

Bạn có thể nhấp vào Ctrl+ Uđể xem nguồn và tìm favicon trong mã ( <link rel="shortcut icon"). Nó thường nằm ở đầu tệp nguồn HTML, vì nó nằm trong <head>.

Đối với trang này, nó ở dòng thứ 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
Tại sao nó không nằm trong "Tài nguyên", với tất cả các hình ảnh khác?
Randomblue

@randomblue Nó nên ở đâu? trong Khung> superuser.com> Hình ảnh ?
amiregelz

3
Có, hoặc một nơi nào đó trong ngăn "Tài nguyên".
Randomblue

Điều này không hoạt động đáng tin cậy. Có nhiều cách để chỉ định một favicon; một <link>yếu tố chỉ là một trong số họ.
me_and

9

Bạn có thể sử dụng sức mạnh của google để làm điều này:

http://www.google.com/s2/favicons?domain=www.google.de

Thay thế tên miền ở trên sẽ lấy favicon cho tên miền đó.


Bạn cũng có thể sử dụng biến thể này:

http://www.google.com/s2/favicons?domain_url=http%3A%2F%2Fwww.google.de%2F

Điều đó sẽ nhận được favicon cho bất kỳ url.


Điều này chắc chắn không hoạt động cho tất cả các URL. Đặc biệt, tôi đã không quản lý để làm cho nó hoạt động cho bất kỳ biến thể nào tôi đã thử của pactcoffee.com .
me_and

@me_and https://www.google.com/s2/favicons?domain=media.pactcoffee.com/đã kết thúc làm việc. Tôi đoán nó không hoạt động trên bản gốc vì nó nhận được favicon từ một tên miền phụ khác.
blo0p3r

4

Đây là một công cụ thực sự là một phần của Google Chrome (như được yêu cầu trong câu hỏi) và hoạt động cho các trang web yêu cầu đăng nhập.

Trong thanh địa chỉ, nhập chrome://favicon/, theo sau là url.

Ví dụ, chrome://favicon/https://example.com/private-page.html

Nguồn


2

Sử dụng tab Mạng Công cụ Chrome Dev. Lọc theo favicon Tải lại trang bằng Shift + F5 Bạn sẽ nhận được biểu tượng bất kể nó được tải bằng liên kết hoặc từ vị trí mặc định


0

Tại sao bạn không nhấp chuột phải vào trang và chọn inspect element? Điều đó cung cấp cho bạn mã html của trang và favicon được liệt kê ở đó. Chỉ cần nhấp vào liên kết.

Ví dụ http://cdn.sstatic.net/superuser/img/favicon.ico


1
trên các trang nơi nó được liên kết rõ ràng. Nếu trang không chỉ định, trình duyệt web sẽ thử vị trí mặc định /favicon.ico, không đăng nhập tài nguyên hoặc hiển thị trên lưu lượng truy cập mạng trong Chrome
frumbert
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.