Làm cách nào để có được các biểu tượng yêu thích tùy chỉnh trong Safari 8 trên Yosemite?

Tôi muốn thêm các biểu tượng yêu thích tùy chỉnh (ví dụ trang tab mới) cho trang web của tôi trong Safari 8 trên Yosemite. Tôi đã thử thẻ đồ thị mở og:imagevới cả định dạng png và jpg. Tôi cũng đã xem qua nguồn của một số trang web có các biểu tượng tùy chỉnh trong trang yêu thích của tôi, bao gồm một trang web xuất hiện để cập nhật biểu tượng của nó và tôi vẫn không thể tìm đúng cách để đưa các biểu tượng này vào. Có ai giúp đỡ không? Cảm ơn.

safari yosemite

— preahkumpii
nguồn

Bạn nói về favicon?

— StrawHara

Không. Tôi đang đề cập đến các biểu tượng yêu thích trong trang tab mới trong Safari.

— preahkumpii

Bạn đã cố gắng xóa tệp được liên kết trong /Users/USER_NAME/L Library / Salari / LocalStorage / http.yourwebsite.localst Storage trước khi thêm trang web của bạn vào mục ưa thích?

— StrawHara

Đúng. Chẳng có gì xảy ra. Biểu tượng tùy chỉnh chưa bao giờ hiển thị. Chỉ biểu tượng mặc định mới hiển thị, khiến tôi tin rằng tôi không thực hiện đúng cách sử dụng biểu tượng.

— preahkumpii

@MrMojoRisin Dành cho bố cục Safari cá nhân của người dùng. Đây chắc chắn là nơi thích hợp ở đây. Và bây giờ tôi nghiêm túc tự hỏi làm thế nào để làm điều này ..

— Rob

Câu trả lời:

Điều này không liên quan đến OS X, vì vậy tôi sẽ để người điều hành chuyển câu hỏi này sang mạng khác. Nhưng tôi vẫn sẽ trả lời điều này. Thứ bạn đang nói đến là Biểu tượng Apple Touch có thể được thực hiện bằng cách sử dụng đánh dấu bên dưới:

<link rel="apple-touch-icon" sizes="57x57" href="/apple//apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple//apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple//apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple//apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple//apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple//apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple//apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple//apple-touch-icon-152x152.png">

Có nhiều kích cỡ vì nó cần hỗ trợ màn hình Retina và không phải Retina.

Nguồn: Thủ thuật CSS

— say sưa
nguồn

Không làm việc. Tôi đã thêm những cái này ở các kích cỡ 57, 120 và 152 (theo trang web của apple) và các mục yêu thích không được phản hồi.

— preahkumpii

Trang web của bạn là gì?

— sayzlim

pintsizedtreasures.com

— preahkumpii

Tôi đã mở trang web của bạn và không tìm thấy các biểu tượng cảm ứng được đề cập. Bạn đã chèn nó?

— sayzlim

Tôi đã chèn chúng, nhưng các biểu tượng không hiển thị, vì vậy tôi đã xóa chúng. Bây giờ, tuy nhiên, các biểu tượng yêu thích hiện đang hiển thị trong Safari. Tôi không biết tại sao. Đi hình.

— preahkumpii

Safari (ít nhất là phiên bản 9.0.2 trên Yosemite) không hiển thị favicon trong các tab. Đối với một giải pháp phía khách hàng, tôi khuyên dùng SafariStand . Đây là một trình cắm SIMBL bổ sung nhiều tính năng bổ sung cho Safari như favicon trên các tab và thanh dấu trang, bảng điều khiển tải xuống và dấu trang riêng biệt và các điều chỉnh khác.

— Hamid Rohani
nguồn