Làm cách nào để kiểm tra một tập hợp các biểu tượng cảm ứng trình duyệt, favicon và gạch cho một trang web?


8

Các trình duyệt và thiết bị khác nhau có thông số kỹ thuật và tiêu chuẩn riêng cho các loại biểu tượng giống như favicon mà chúng sử dụng để thể hiện các trang web. Câu trả lời này trên trang web thiết kế đồ họa cho một cái nhìn tổng quan khá tốt .

Giả sử bạn đã gặp rắc rối khi cung cấp một số lượng lớn các tệp biểu tượng này với các khai báo phù hợp trong HTML của mình - nhưng bạn không có thiết bị nào Apple sản xuất cùng với một thiết bị Windows 8 cùng với các phiên bản Android khác nhau để kiểm tra tất cả

Có cách nào đơn giản để kiểm tra cấu hình của bạn và xem các tệp (nếu có) các thiết bị và trình duyệt khác nhau sẽ có, mà không có tất cả các thiết bị cần thiết để xử lý không?


Chỉnh sửa để rõ ràng, ý tôi là các biểu tượng trình duyệt mở rộng và sử dụng khi thể hiện một trang web trong các tính năng của trình duyệt như "truy cập nhiều nhất", "yêu thích" hoặc khi tạo các phím tắt trên màn hình chính, được khai báo trong trang web <head>nhưng không được hiển thị bất cứ nơi nào trong trang web <body>.

Câu trả lời:


3

Tôi đã luôn sử dụng trình tạo favicon tại realfavicongenerator.net , cho phép bạn xem tác phẩm nghệ thuật đã chọn của bạn sẽ xuất hiện như thế nào trên các thiết bị khác nhau. Có khá nhiều tùy chọn và bạn có thể thử với biểu tượng ví dụ của chúng để kiểm tra. Bắt đầu với một SVG vuông để có kết quả tốt nhất vì trang web sẽ chuyển đổi nó sang các định dạng cần thiết và cung cấp cho bạn một thư mục nén với mọi thứ sẵn sàng để sử dụng.

Đây cũng là một dịch vụ miễn phí không cần đăng ký hoặc yêu cầu vô nghĩa khác. Chỉ cần sử dụng nó và tặng nếu bạn thấy nó hữu ích.


Tôi thích trang web đó. Trình tạo favicon tốt nhất mà tôi đã sử dụng. Nó sẽ tạo một Zip với tất cả các tệp hình ảnh của bạn và tạo ra tất cả các dòng mã cần thiết để chúng hoạt động.
Tận dụng

0

Tôi sẽ đề nghị dùng thử mô phỏng thiết bị trong Google Chrome. Đó là cách dễ nhất tôi đã thấy và nó nên hoạt động. Đây là một bài viết đầy đủ về nó, https://developer.chrome.com/devtools/docs/device-mode


Tôi đã thử điều này, nhưng tôi không thể tìm ra cách để nó làm điều gì đó sau đó sẽ hiển thị biểu tượng cảm ứng như thế nào trình duyệt sẽ ví dụ như trên một trang tab trống. Bạn có biết nếu điều đó là có thể?
user56reinstatemonica8

Tôi không nghĩ có một cách dễ dàng để kiểm tra biểu tượng đó.
Ben Hoffman

-1

Chỉ cần kiểm tra những điều này bằng cách sử dụng Mozilla Firefox, hầu hết các nhà phát triển ứng dụng web đang sử dụng phương pháp này để thử nghiệm


Điều này không trả lời câu hỏi nào cả. "Chỉ cần kiểm tra bằng cách sử dụng ..." OP đang hỏi cách kiểm tra. Tôi rất muốn thấy điều này tuôn ra để chúng ta có thể sử dụng FF để kiểm tra các mục như windows-brick-150x150.png đại diện cho một trang web trong FireFox chẳng hạn.
Will Lanni
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.