Bộ kiểm tra favicon
Riêng tư theo thiết kế — chạy hoàn toàn trong trình duyệt của bạn
Kiểm tra trang web phục vụ những favicon nào — bao gồm tệp ICO cũ, biến thể PNG hiện đại, biểu tượng cảm ứng Apple, và manifest ứng dụng web. Toova lấy và xem trước chúng trong trình duyệt của bạn, để bạn có thể kiểm toán trang của riêng mình hoặc so sánh với đối thủ.
Vì sao favicon là một mớ hỗn loạn
Trình duyệt, nền tảng di động, thẻ xã hội, đọc RSS, và phần mở rộng trình duyệt tất cả tìm favicon ở những nơi khác nhau — /favicon.ico, /apple-touch-icon.png, manifest, thẻ meta. Một trang chỉ ship /favicon.ico bỏ lỡ mọi ngữ cảnh hiện đại. Toova kiểm tra mọi vị trí phổ biến, hiển thị kết quả, và phơi bày cái nào thiếu để bạn có thể kiểm toán trang của riêng mình mà không cần tạo yêu cầu thủ công.
Những gì được kiểm tra
/favicon.ico cổ điển ở gốc. Kích thước của apple-touch-icon (180×180, 152×152, 120×120). Favicon PNG được khai báo trong HTML. Manifest ứng dụng web của trang (manifest.json) và các biểu tượng nó tham chiếu. Hình ảnh Open Graph được dùng bởi thẻ xã hội. Toova lấy mỗi cái, hiển thị kích thước và kích thước, và đánh dấu bất cứ thứ gì thiếu — hữu ích cho hệ thống thiết kế và kiểm toán thương hiệu.
Chỉ cục bộ
Các yêu cầu lấy chạy từ trình duyệt của bạn, tùy thuộc chính sách CORS của trang đích. URL bạn kiểm tra không bao giờ được gửi đến máy chủ Toova — không có nhật ký các trang bạn kiểm toán. Điều đó quan trọng khi bạn đang chạy phân tích cạnh tranh hoặc kiểm tra một tên miền chưa phát hành. Tab Network sẽ hiển thị các yêu cầu đến trang đích, không đến bất cứ nơi nào khác.
Câu hỏi thường gặp
- Vì sao có nhiều kích thước favicon vậy?
- Các ngữ cảnh khác nhau dùng kích thước khác nhau. Màn hình chính iOS muốn 180×180. Màn hình chính Android dùng các biểu tượng manifest (thường 192×192 và 512×512). Tab trình duyệt máy tính dùng 16×16 và 32×32. Ship tất cả là cách duy nhất để trông sắc nét ở mọi nơi.
- Tôi có còn cần favicon.ico không?
- Có, cho các trình duyệt cũ và công cụ nhìn vào /favicon.ico theo mặc định. Ngay cả các trình duyệt hiện đại cũng quay lại nó khi không có favicon rõ ràng nào được khai báo. Ship nó cùng các biến thể PNG.
- Manifest ứng dụng web là gì?
- manifest.json (hoặc manifest.webmanifest) khai báo các biểu tượng, tên, và màu chủ đề cho ứng dụng web có thể cài đặt. Android dùng nó cho lời nhắc cài đặt màn hình chính. iOS đọc tên và biểu tượng cũng, dù một số thuộc tính chỉ hoạt động trên Android.
- Vì sao đôi khi nó hiển thị lỗi CORS?
- Một số host chặn lấy hình ảnh chéo nguồn gốc. Toova vẫn phát hiện liệu biểu tượng có tồn tại bằng cách kiểm tra phản hồi, nhưng không thể render hình ảnh trong bản xem trước. Trang web thực luôn hoạt động tốt — đây chỉ là một giới hạn công cụ.
- URL tôi kiểm tra có được ghi nhật ký ở đâu không?
- Không. Toova không thấy URL bạn kiểm tra — yêu cầu đi từ trình duyệt của bạn trực tiếp đến trang đích.