以下のようなブックマークレット、SuperGenPassは、彼らがしているので、ファビコンを持っていないjavascript:
リンクと、それはからファビコンを取得する場所Firefoxは知りません。JavaScriptブックマークレットにファビコンを追加する方法はありますか?
以下のようなブックマークレット、SuperGenPassは、彼らがしているので、ファビコンを持っていないjavascript:
リンクと、それはからファビコンを取得する場所Firefoxは知りません。JavaScriptブックマークレットにファビコンを追加する方法はありますか?
回答:
このトリックを試すことができます:
正しいファビコンを持つWebサイトの通常のリンク(JavaScriptなし)を見つけます。
このリンクを通常のブックマークとしてブックマークツールバーに追加します。
最後に、追加したブックマークのプロパティを変更し、場所を実際のJavaScriptブックマークレットに変更します(ファビコンを持たないブックマークレットの場所が必要です)。
これで、ステップ2のブックマークを、目的のファビコンとJavaScriptを含むブックマークレットに変換できました。
ファビコンピッカー2の拡張は、あなたがこれを行うようになります。
使用方法:ブックマークを右クリックして[プロパティ
]を選択し、[参照...]をクリックしてアイコンを選択するか、URLをアイコンに貼り付けます。
また、完了したら拡張機能をアンインストールできますが、アイコンは残ります。
Pelmsの提案により、おそらく関連するFavicon Picker 3が見つかりました。これはMac OS Xでよりよく機能します。
最も簡単な方法は、ブックマークをハイジャックすることです。使用したいファビコンがあるページをブックマークするだけです。ブックマークをクリックして、リンク先のサイトからファビコンを読み込む必要があります。ファビコンを取得したら、ブックマークに移動して右クリックし、プロパティを選択します。次に、「場所」を、ファビコンに関連付けたいブックマークレットのJavaScriptコードに変更できます。ヒント:ブックマークレットとブックマークを区別するために、プロパティタブの「名前」をM:で始まるものに変更します。たとえば、ブックマークレットがgoo.glを使用して短縮URLを作成する場合、「 M:Goo.gl "
これを行うにはuserChrome.css
:
about:support
chrome
からfileuserChrome.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");
HTMLを編集ICON="data:image/png;base64,..."
して、ブックマークレットに追加します。つまり、
<DT><A HREF="javascript:(function(){ ... })();" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAQMAXV9chIaDx8nGZHRYHgAAADhJREFUCNdjYAAD8QkMDFz//zcw8P//f4CBNTTUgYHbZvMB3AS7TfEBBq5VqxpAxAQGztCwALBBALHhF442ZwQdAAAAAElFTkSuQmCC"></A>
現在Firefoxで動作します。