Як додати фавікон до закладки в Firefox?

Закладки, такі як SuperGenPass , не мають фаворитів, тому що вони є javascript:посиланнями, і Firefox не знає, звідки це може отримати фавікон. Чи є спосіб додати фавікон до закладки JavaScript?

Ви можете спробувати цей трюк:

1. Знайдіть звичайний посилання (без JavaScript) для веб-сайту з правильним фавіконом.

2. Додайте це посилання на панель інструментів закладок як звичайну закладку.

3. Нарешті, змініть властивості доданої вами закладки та змініть розташування на фактичну закладку JavaScript, яку ви хочете (ви хочете розташувати закладку, яка не має фавікон).

Тепер ви перетворили закладку з кроку 2 у закладку із потрібними файловими файлами та JavaScript.

Розширення Favicon Picker 2 дозволить вам це зробити.

Як користуватися: Просто клацніть правою кнопкою миші будь-яку закладку та виберіть "Властивості",
а потім натисніть "Огляд ...", щоб вибрати піктограму або вставити URL до піктограми.

Крім того, ви можете видалити розширення, коли закінчите, і піктограми залишаться.

Пропозиція Пелмса привела мене до пошуку можливо пов'язаного Favicon Picker 3 , який краще працює на Mac OS X.

Найпростіший спосіб - викрасти закладку. Просто додайте до закладок сторінку, на якій є фаворит, який ви хочете використовувати. Вам може знадобитися натиснути на закладку, щоб вона завантажила фавікон з сайту, на який він посилається. Коли у вас є фавікон, тоді перейдіть до закладок, клацніть правою кнопкою миші та виберіть властивості. Потім ви можете змінити "місцеположення" на код javascript для закладок, який ви хочете пов'язати з фавіконом. Порада: Щоб відмежувати закладку від закладки, я змінюю "ім'я" на вкладці "Властивості" на будь-яку, що передує M :, так, наприклад, якщо закладка для створення скороченої URL-адреси за допомогою goo.gl, я б назвав це " М: Goo.gl "

Це можна зробити за допомогою userChrome.css:

1. Йти до about:support
2. У розділі "Основи програми", "Папка профілю" натисніть "Відкрити папку"
3. Якщо їх немає, створіть папку chrome, а потім файлuserChrome.css

Я використовую цей стиль:

:root {
  --amber: #FFC000;
  --chartreuse: #B2D733;
  --magenta: #BF1449;
  --teal: #158466;
  --vermilion: #FF4000;
}
#PlacesToolbarItems image {
  padding-top: 16px;
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+1) image {
  background: var(--teal);
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+2) image {
  background: var(--chartreuse);
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+3) image {
  background: var(--amber);
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+4) image {
  background: var(--vermilion);
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+5) image {
  background: var(--magenta);
}

Якщо ви хочете використовувати зображення, ви можете; просто покладіть їх у ту саму папку, а потім посилання так:

background: url("something.png");

1. Експортувати закладки як HTML.

2. Редагуйте HTML, додайте ICON="data:image/png;base64,..."до свого закладок, тобто

   <DT><A HREF="javascript:(function(){ ... })();" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAQMAXV9chIaDx8nGZHRYHgAAADhJREFUCNdjYAAD8QkMDFz//zcw8P//f4CBNTTUgYHbZvMB3AS7TfEBBq5VqxpAxAQGztCwALBBALHhF442ZwQdAAAAAElFTkSuQmCC"></A>
   

3. Імпортуйте закладки з редагованого HTML.

Зараз у Firefox працює.