自分でブックマークレットを作成しましたが、問題なく機能しますが、Opera または Firefox のツールバーに追加すると、ブラウザのデフォルトのブックマーク アイコン (それぞれ地球と星) になります。私のサイトにはファビコンがあり、ウィンドウ、タブ、[サイト] ブックマークでさえ、指定したファビコンを使用しています。私のブックマークレットではありません。
ブックマークレットもファビコンを取得するように、サイトまたはブックマークレットをコーディングするにはどうすればよいですか?
ユーザーが事後にファビコンを設定するために使用できるさまざまな手動ハッカー手法を認識していますが、それらは望ましくない解決策です。
これを行う方法は次のとおりです。
<DT><A HREF="http://mail.google.com/mail/u/0/#inbox" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABV0lEQVQ4jdWQzUoCYRiFnxl/0plso0IKX7mqXWCLIlq0qEW4d19Qi6BLCELwEgpvQbyAVrroCrSNUJFGAyrkEEEMNs5PCxtRHGsZneX7nedwzgd/LQngObfnykIQOj9Disd/BFxdZ3hVwtE0Mje3kuw9OJqGWSji1BtzYafeGHk0jTdzCIA8aXANA/O6hFWuzMBWuYJ5XcI1DF6MAY8fxmxAYHdnZK7WMAtFXF3H1XXMQhGrWsN2XR5WM/QGn2MmOBkQOj5CFoJhuTKe5DUzbJvW1jbWZhbqd/4BAIGDfSQhGH7XBehLMlruEGlFzEyTZy6AvL5G+PICWQja6iJaPu8L+zbw9B4MYpyeEB4MkF7782z+AZ1OD0WNkk4vA7AUi/HUav8eYNsOnW6XZCJBJLIwvieTcVQ1SrN5j2XbUwFTf9DpdkmnUlOwJ0VRyGY3UBVl7px/qi+cdYQvZvKCUwAAAABJRU5ErkJggg==">Gmail</A>
<DT><A HREF="javascript:(function(){... bookmarklet JS code...})();" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABV0lEQVQ4jdWQzUoCYRiFnxl/0plso0IKX7mqXWCLIlq0qEW4d19Qi6BLCELwEgpvQbyAVrroCrSNUJFGAyrkEEEMNs5PCxtRHGsZneX7nedwzgd/LQngObfnykIQOj9Disd/BFxdZ3hVwtE0Mje3kuw9OJqGWSji1BtzYafeGHk0jTdzCIA8aXANA/O6hFWuzMBWuYJ5XcI1DF6MAY8fxmxAYHdnZK7WMAtFXF3H1XXMQhGrWsN2XR5WM/QGn2MmOBkQOj5CFoJhuTKe5DUzbJvW1jbWZhbqd/4BAIGDfSQhGH7XBehLMlruEGlFzEyTZy6AvL5G+PICWQja6iJaPu8L+zbw9B4MYpyeEB4MkF7782z+AZ1OD0WNkk4vA7AUi/HUav8eYNsOnW6XZCJBJLIwvieTcVQ1SrN5j2XbUwFTf9DpdkmnUlOwJ0VRyGY3UBVl7px/qi+cdYQvZvKCUwAAAABJRU5ErkJggg==">MyBookmarklet</A>
基本的には、ブックマークタグのICON属性を取得し、ブックマークレットタグに挿入する手順です
ブックマークレットはjavascript://スキーマを使用するため、ファビコンをロードできるドメインがありません。
そのため、現在、ブックマークレットにファビコンを提供する方法はありません。次のように考えてみてください: Javascript サンドボックス全体を覚えていますか? Javascript は、それが実行されている Web ページのドメイン外には何もアクセスできない場合があります。現在見ているページのドメインに関連付ける必要があるブックマークレットは、自分の Web サイトのファビコンにも関連付けることはできません。
更新: Hans Schmucker の回答によると、ブラウザーによってブックマーク メニューに読み込まれると、ファビコンを持つ HTML ドキュメントを生成するブックマークレットを作成する可能性があります。推論は機能するように見えますが、このようなものが実際に動作していることはまだ見ておらず、私のテストでは陰性でした.
タッパー[ウェア]とレストランファリアンのサイトを読んだ後、私が思いついた最も簡単な解決策は次のとおりです。
<a href="javascript:
var title = window.location.href;
if (title.indexOf('http://yourwebsite/bookmarklet/') == 0) {
'<head><link rel=\'shortcut icon\' href=\'favicon.ico\'></head>Bookmarklet';
} else {
(function(){document.body.appendChild(document.createElement('script')).src='http://yourwebsite/bookmarklet.js';})();
}">Click Me!</a>
Chrome と FF でうまく動作しますが、FF4 はブックマーク バーにアイコンを保存する唯一のブラウザーです。これは次のようになります: http://cl.ly/5WNR
これは正しくありません。ブックマークレットにはドメインはありませんが、場所 (ブックマークレット自体) があり、それにアイコンを割り当てることができます。その後は、ブラウザがアイコンをどのように保存するかが問題になります (Firefox はブックマークのアイコンを永久に保存します。他のブラウザではそれほど幸運ではないかもしれません)。
PS Security はそれに関与しません。アイコンはどこからでも取得できます。制限はありません。
Heresは、ほとんどあなたが望むことをする素晴らしいテクニックです。
私の Mac では問題なく動作します✅ が、Windows 7 では動作しませんでした⃣.❌</p>
「絵文字」を使用します。カラフルなアイコンのようにも見える Unicode 文字です。あらかじめ定義された画像のリストから選択することしかできませんが、ブックマークレットが何をするかをユーザーに思い出させるために何かを見てもらいたいだけなら、実際には悪くありません。
たとえば、「セキュリティ キー」ブックマークレットを作成しています。だから私は私のブックマークレット名で使用します!
基本的に、ブックマークバーに画像が表示されます
このサイトを使用して、ブックマークレットで機能する絵文字を見つけてください: http://emojipedia.org/symbols/
したがって、これはまだ完全な解決策ではありませんが、作業方向への一歩になる可能性があります。
data:data:-uri でエンコードされた html でのアイコンのエンコードは、驚いたことに機能します。
data:text/html;charset=utf-8, <title>Separator Tab</title><link rel="shortcut icon" href="data:image/png;base64,AAABAAEAEBAAAAEAIAAoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAAA/5aWlv8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAP+Wlpb/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAAD/lpaW/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAAA/5aWlv8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAP+Wlpb/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAAD/lpaW/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAAA/5aWlv8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAP+Wlpb/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAAD/lpaW/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAAA/5aWlv8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAP+Wlpb/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAAD/lpaW/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/5aWlv8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACWlpb/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" /> Separator Tab
ここは ですので<html>、私たちも<script type="javascript">そこに駆け込むことができます。
一部のブックマークレットでは、これで十分すぎる場合があります。新しいタブを開く前に、現在のページを変更したり、少なくともそこから情報を取得したりしたい他の人にとっては、まだ運が悪い. それを行う方法が見つかったら、この回答を更新します。