Làm cách nào tôi có thể thêm favicon vào bookmarklet trong Google Chrome?


14

Tôi đang dùng OS X và tôi muốn bookmarklets của mình có favicon. Tôi đã tìm thấy hai bài viết nhưng chúng không giúp được gì nhiều:

http://www.tapper-ware.net/blog/?p=97#comment-2076 Đây là một bài viết tuyệt vời nhưng theo tôi hiểu thì nó dường như không hoạt động với Chrome :(

http://www.tech-recipes.com/rx/3032/google_chrome_how_to_change_icons_on_the_bookmark_bar/ Vấn đề với tipp này là - nếu tôi sai, thì hãy sửa cho tôi - rằng sau khi tôi xóa toàn bộ lịch sử, bộ đệm, v.v. điều sẽ lại đi

Nếu có cơ hội sửa đổi bookmarklets bằng cách tự lưu trữ chúng, tôi sẽ ngay lập tức làm điều đó, nhưng tôi không tìm thấy giải pháp nào cho đến nay.

Câu trả lời:


19

Vâng, phải mất một thời gian nhưng tôi vấp phải giải pháp:

Bạn phải xuất Dấu trang của mình, chỉnh sửa tệp HTML và nhập lại. Nghe có vẻ phức tạp hơn so với thực tế và đó là một giải pháp sạch vì Chrome đặt tất cả các dấu trang được nhập lại của bạn vào một thư mục "Đã nhập" riêng mà bạn có thể xóa sau khi thay đổi được áp dụng.

Hướng dẫn từng bước một:

  1. Mở Trình quản lý Bookmark và xuất dấu trang của bạn.
  2. Mở tệp HTML đã xuất trong trình chỉnh sửa yêu thích của bạn và tìm bookmarklet mà bạn muốn áp dụng favicon.
  3. Mã hóa favicon 16 × 16px mà bạn muốn sử dụng làm Base64 (có rất nhiều bộ chuyển đổi trực tuyến miễn phí ngoài đó, hoặc xem liên kết bên dưới để biết hướng dẫn về dòng lệnh). Loại bỏ bất kỳ ngắt dòng trong đầu ra; nó cần phải là một hàng dài
  4. Chuẩn bị tiền tố "dữ liệu" cho blob Base64 phù hợp với loại favicon bạn đã sử dụng; ví dụ data:image/vnd.microsoft.icon;base64,cho .icocác tập tin và data:image/png;base64,cho .pngcác tập tin
  5. Bây giờ thêm một ICONthuộc tính vào liên kết để giữ blob Base64 có tiền tố; ví dụ : ICON="data:image/png;base64,iVBORw0K………5ErkJggg==".
  6. Lưu tệp và nhập lại vào trình quản lý dấu trang. Một thư mục có tên "Nhập khẩu" sẽ được tạo; tuy nhiên, favicon nên được áp dụng cho bookmarklet gốc ngay lập tức, vì vậy bạn có thể xóa ngay thư mục "Đã nhập" mới. Nếu biểu tượng không hiển thị ngay lập tức, hãy thử nhấp vào bookmarklet.

Nếu bạn cần hỗ trợ thêm, tôi đã phát hiện ra một bài đăng blog mô tả toàn bộ quá trình chi tiết hơn.


Tôi đã cập nhật bài viết. Nếu bạn cần một hướng dẫn chi tiết, hãy xem liên kết tôi đã thêm.
patrick

Chỉ để làm cho bạn biết rằng liên kết không còn hoạt động
Skuld

1
Được lưu trong bộ nhớ cache: web.archive.org/web/20140219182846/http:// hiện
Markus Jarderot

Đã sửa lỗi liên kết để sử dụng bản sao được lưu trong bộ nhớ cache được đề xuất bởi @MarkusJarderot và thêm làm rõ về sự cần thiết phải thêm data:tiền tố.
Tom

Ngoài ra, bài đăng trên blog được liên kết nói rằng Chrome không đồng bộ hóa các favicon được thêm thủ công này - mặc dù tôi đã không thử điều này để xem liệu đó có phải là trường hợp không.
Tom

2

Một giải pháp rất đơn giản khác là sử dụng tiện ích chrome "Tôi ghét favicon của bạn". Nó cho phép bạn nhập một url cho một trang web mà bạn muốn thay đổi favicon của nó và một url của một hình ảnh về những gì bạn muốn favicon. Phần còn lại được xử lý cho bạn.

Liên kết đến trang web của họ ở đây


3
Điều này dường như không hoạt động cho bookmarklets.
GollyJer

1

Tôi có cùng một vấn đề, nhưng lúc đầu không thực sự nhận ra nó.

Gần đây tôi đã xóa tệp favicon của mình trong Chrome (không sao lưu) và đột nhiên tất cả các liên kết thanh công cụ dấu trang của tôi bị thiếu biểu tượng của chúng, vì tôi đang sử dụng javascript: window.open để mở chúng trong một tab mới.

Hôm nay tôi đã nhận ra lý do tại sao tôi vui vẻ có favicon trên bookmarklets của mình trong nhiều tháng: Khi tôi lần đầu tiên chuyển từ Firefox sang Chrome, tôi đã nhập tất cả các dấu trang của mình từ đó và sau đó chỉnh sửa tất cả chúng trong Notepad bằng JavaScript ở trên.

Firefox đã thêm tất cả các biểu tượng với mã base64 của chúng.

Bây giờ tôi có thể xác nhận rằng giải pháp của pattulus hoạt động và ngoài ra, nếu bạn không muốn chuyển đổi thủ công sang và thêm mọi mã cơ sở64, chỉ cần xuất dấu trang sạch, không dấu trang của bạn, chỉnh sửa chúng bên ngoài và nhập lại chúng.

Đó là, nếu nó đơn giản như trong trường hợp của tôi, nơi tôi đã chỉnh sửa cùng một JavaScript cho tất cả các liên kết dấu trang và chỉ có thể sử dụng chức năng thay thế của Notepad.

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.