Как я могу добавить значок в букмарклет в Firefox?

Question

Букмарклеты , такие как SuperGenPass , не имеют значков, потому что они являются javascript: ссылки, и Firefox не знает, откуда он получит значок. Есть ли способ добавить значок в букмарклет JavaScript?

Answer 1

Вы можете попробовать этот трюк:

1. Найдите нормальную ссылку (без JavaScript) для сайта с правильным значком.

2. Добавьте эту ссылку на панель инструментов закладок как обычную закладку.

3. Наконец, измените свойства только что добавленной закладки и измените местоположение так, чтобы оно было фактическим желаемым букмарклетом JavaScript, который вы хотите (вы хотите местоположение из букмарклета, у которого нет значка).

Теперь вы превратили закладку из шага 2 в букмарклет с нужным значком и JavaScript.

Answer 2

Расширение Favicon Picker 2 позволит вам сделать это.

Как использовать: просто щелкните правой кнопкой мыши любую закладку и выберите «Свойства»
затем нажмите «Обзор ...», чтобы выбрать значок, или вставьте URL-адрес к значку.

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

Answer 3

Для Firefox 4+ используйте Bookmark Favicon Changer. Старые надстройки Favicon Picker не обновляются.

Answer 4

Предложение Пелмса привело меня к поиску, возможно, связанной с Favicon Picker 3, которая лучше работает на Mac OS X.

Answer 5

Вы можете сделать это с userChrome.css:

1. Перейти к about:support

2. Под "Основами приложения", "Папка профиля", нажмите "Открыть папку"

3. Если не существует, создайте папку chrome , затем файл userChome.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");

http://github.com/cup/bay/blob/33aed8d/firefox/userchrome.css

Answer 6

Самый простой способ - взломать закладку. Просто добавьте в закладки страницу, на которой есть значок, который вы хотите использовать. Возможно, вам придется нажать на закладку, чтобы загрузить фавикон с сайта, на который она ссылается. Получив значок, перейдите к закладке, щелкните правой кнопкой мыши и выберите свойства. Затем вы можете изменить "местоположение" на код javascript для букмарклета, который вы хотите связать со значком. Совет: Чтобы отличить букмарклет от закладки, я изменяю "имя" на вкладке свойств на то, что предшествует M:, например, если букмарклет предназначен для создания укороченного URL-адреса с помощью goo.gl, я бы назвал это « M: Goo.gl»

Answer 7

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 на данный момент.