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

16

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

Дрю Стивенс
источник
Я не думаю, что это возможно, но если вы найдете решение, которое я, безусловно, хотел бы узнать (у меня есть сотни букмарклетов)
scunliffe
Ни один из ответов, похоже, больше не работает.
ashleedawg

Ответы:

7

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

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

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

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

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

URLParser.com
источник
1
Это больше не работает . Как только местоположение закладки изменяется, значок обновляется (который, в случае javascript bookmarklet, является общим значком «глобус»)
ashleedawg
6

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

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

Иконки букмарклетов

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

pelms
источник
Разбивает некоторые другие диалоги на Mac, но я смог установить расширение, установить значок и удалить его. Есть ли способ изменить это, используя about: config или подобное?
Дрю Стивенс
К сожалению, расширение было несовместимо с последней версией Firefox, по крайней мере, с мая 2015 года, самое большее сегодня.
thenonhacker
Больше не работает Мертвая ссылка; расширение недоступно.
ashleedawg
2

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

Дрю Стивенс
источник
У меня на Windows 7 x64 тоже отлично работает
CAD bloke
Недоступно для Firefox 31
Chandrayya GK
Больше не работает Мертвая ссылка; расширение недоступно.
ashleedawg
-1

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

Амиго Омега
источник
1
Amigo, этот ответ существенно отличается от ответа URLParser.com ?
Mr.Wizard
Не работает Ни ответ, ни «совет» не сработали годами.
ashleedawg
-1

Вы можете сделать это с 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");
Стивен Пенни
источник
Не работает, насколько я могу судить. Что он должен делать? Изменить цвет каждого 6-го до 10-го значка?
ashleedawg
-2
  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 на данный момент.

K3 --- СРН
источник
Пробовал, не получилось
ctrl-alt-delor
Больше не работает ... (HTML-теги не могут быть использованы в закладке.)
ashleedawg