Jak mogę dodać favicon do bookmarkletu w Google Chrome?


15

Korzystam z systemu OS X i chcę, aby moje bookmarklety miały ulubione. Znalazłem już dwa artykuły, ale niewiele pomogły:

http://www.tapper-ware.net/blog/?p=97#comment-2076 To świetny artykuł, ale jak rozumiem, nie działa w Chrome :(

http://www.tech-recipes.com/rx/3032/google_chrome_how_to_change_icons_on_the_bookmarks_bar/ Problem z tym typem jest - jeśli się mylę, to proszę mnie poprawić - że po wyczyszczeniu historii, pamięci podręcznej itp. całość rzecz zniknie ponownie.

Jeśli istnieje szansa na zmodyfikowanie bookmarkletów przez ich hosting, natychmiast to zrobię, ale jak dotąd nie znalazłem rozwiązania.

Odpowiedzi:


19

Cóż, zajęło to trochę czasu, ale natknąłem się na rozwiązanie:

Musisz wyeksportować swoje zakładki, edytować plik HTML i zaimportować go ponownie. Brzmi to o wiele bardziej skomplikowane niż jest i jest czystym rozwiązaniem, ponieważ Chrome umieszcza wszystkie ponownie zaimportowane zakładki w osobnym folderze „Zaimportowane”, który można usunąć po zastosowaniu zmian.

Przewodnik krok po kroku:

  1. Otwórz Menedżera zakładek i wyeksportuj swoje zakładki.
  2. Otwórz wyeksportowany plik HTML w swoim ulubionym edytorze i poszukaj bookmarkletu, do którego chcesz zastosować favicon.
  3. Zakoduj favicon 16 × 16px, którego chcesz użyć jako Base64 (istnieje wiele darmowych konwerterów online, lub link poniżej zawiera instrukcje wiersza poleceń). Usuń wszelkie podziały wierszy w danych wyjściowych; musi to być jedna długa linia.
  4. Dodaj prefiks „data” do obiektu blob Base64, który jest odpowiedni dla używanego typu favicon; np. data:image/vnd.microsoft.icon;base64,dla .icoplików i data:image/png;base64,dla .pngplików.
  5. Teraz dodaj ICONatrybut do odsyłacza, aby przechowywać prefiksowany obiekt blob Base64; na przykład: ICON="data:image/png;base64,iVBORw0K………5ErkJggg==".
  6. Zapisz plik i zaimportuj go z powrotem do menedżera zakładek. Zostanie utworzony folder o nazwie „Importowane”; jednak favicon powinien zostać natychmiast zastosowany do oryginalnej bookmarkletu, abyś mógł natychmiast usunąć nowy folder „Zaimportowany”. Jeśli ikona nie pojawi się natychmiast, spróbuj kliknąć bookmarklet.

Jeśli potrzebujesz dalszej pomocy, odkryłem post na blogu, który bardziej szczegółowo opisuje cały proces.


Zaktualizowałem post. Jeśli potrzebujesz szczegółowego samouczka, sprawdź link, który dodałem.
Patrick

Żeby uświadomić sobie, że link już nie działa
Skuld


Naprawiono link do korzystania z kopii w pamięci podręcznej sugerowanej przez @MarkusJarderot i dodano wyjaśnienie dotyczące konieczności dodania data:prefiksu.
Tom

Link do posta na blogu informuje również, że Chrome nie synchronizuje ręcznie dodanych ulubionych - chociaż nie próbowałem tego, aby sprawdzić, czy nadal tak jest.
Tom

2

Innym bardzo prostym rozwiązaniem jest użycie rozszerzenia chromu „Nienawidzę twojego favicon”. Pozwala wprowadzić adres URL witryny, w której chcesz zmienić jego favicon, oraz adres URL obrazu tego, czym ma być favicon. Reszta jest obsługiwana za Ciebie.

Link do ich strony tutaj


3
To nie wydaje się działać w przypadku bookmarkletów.
GollyJer

1

Miałem ten sam problem, ale na początku nie zdawałem sobie z tego sprawy.

Niedawno usunąłem mój plik favicon w Chrome (bez tworzenia kopii zapasowej) i nagle wszystkie linki do paska narzędzi zakładek nie miały ikon, ponieważ używam javascript: window.open, aby otworzyć je w nowej karcie.

Dzisiaj zdałem sobie sprawę, dlaczego od miesięcy z radością korzystam z ulubionych zakładek do zakładek: Kiedy po raz pierwszy przełączyłem się z Firefoksa na Chrome, zaimportowałem stamtąd wszystkie moje zakładki, a później ręcznie je wszystkie edytowałem w Notatniku za pomocą powyższego JavaScript.

Firefox dodał wszystkie ikony z kodem base64.

Mogę teraz potwierdzić, że rozwiązanie Pattulusa działa, a ponadto, jeśli nie chcesz ręcznie konwertować i dodawać każdego kodu base64, po prostu wyeksportuj czyste, niezakładkowe zakładki, edytuj je zewnętrznie i ponownie zaimportuj.

To znaczy, jeśli jest to tak proste jak w moim przypadku, gdy edytowałem w tym samym JavaScript dla wszystkich linków do zakładek i mogłem po prostu użyć funkcji zamiany Notatnika.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.