Firefox を最新にしたら Bookmark Favicon Changer が使えなくなってしまいました。

前にアイコンを変更したものはそのまま表示されていますので、何かやり方があるのだと思います。
代わりになるアドオンを紹介していただけないでしょうか。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2017/11/23 19:55:21
  • 終了:2017/11/25 02:13:12

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4624ベストアンサー獲得回数19592017/11/24 13:16:13

Firefox 57 (Quantum) になってから、アドオンはブラウザの見た目を変更できなくなりました。
代わりのアドオンは、Firefox の API が変更されない限り作ることができません。

ぼくも Bookmark Favicon Changer は愛用してたので、かなりの打撃でした。
でも、手作業でアイコンの変更ができます。
多少の手間がかかるのですが、以下の手順を試してみてください。



事前準備があります。

アイコンの画像を Data URI Scheme で扱います。
以下のようなサイトなんかがお手軽だと思います。

変更する対象が Bookmarklet の場合には、Firefox のファイルを直接いじる必要があります。
プロファイルのディレクトリを確認してください。
もし、分からなければ、アドレスバーに about:support を入力して、「プロファイルフォルダー」を見てください。

ファイルは SQLite という形式のファイルのファイルになります。いじるためには、以下のツールをインストールしてください。

favicon が登録されてないサイトの場合

favicon を設定したいページを開きます。
Firefox のインスペクタというツールを開きます(Ctrl + Shift + C)。
head 要素の適当なところに、以下のような link 要素を追加します。

<link rel="shortcut icon" href="data:image/png;base64,iVBORw...">

href 属性は、favicon にしたい画像を Data URI Scheme に変換したものです。

head 要素内の適当なタグを右クリックして、「HTMLとして編集」をクリック。
編集領域の末尾に追加して、Ctrl + Enter で編集内容を確定させます。
f:id:a-kuma3:20171124105306p:image

この link 要素を追加すると、タブに favicon が表示され、Bookmark の favicon にも指定した画像が表示されます。
ページを開きなおすと、タブの favicon は当然消えちゃいますが、Bookmark の favicon は、そのまま表示されたままです。


Bookmarklet の場合

以下のような HTML ファイルを書いて、適当なところに保存します。

<html>
  <head>
  <link rel="shortcut icon" href="data:image/png;base64,iVBORw...">
  </head>
  <body>
  </body>
</html>

href 属性は、favicon にしたい画像を Data URI Scheme に変換したものです。

この HTML ファイルを Firefox で開きます。
アドレスバーには、file:///... というような URL が表示され、タブの favicon には、link タグに指定した画像が表示されています。

DB Browser for SQLite で、Firefox のプロファイルにある favicons.sqlite を開きます。
Browse Data タブを開いて、Table で moz_pages_w_icons を選びます。
page_url カラムで、先ほど開いた HTML ファイルの URL を探します(多分、一番最後の行です)。
f:id:a-kuma3:20171124105303p:image

もうひとつ DB Browser for SQLite を起動して、places.sqlite を開きます。
moz_places テーブルで、url が favicon を変更したい Bookmarklet の行を探します。
カラム名のすぐ下にある Filter を使うと楽ちんです。
f:id:a-kuma3:20171124105255p:image

moz_places の該当行の url と url_hash を、moz_pages_w_icons の page_url と page_url_hash へ転記します。

ファイル:  places.sqlite         favicons.sqlite
テーブル:  moz_places            moz_pages_w_icons
              url      ────→   page_url
              url_hash ────→   page_url_hash

f:id:a-kuma3:20171124105248p:image
ツールバーの "Write Changes" をクリックして、修正内容を保存します。

これで、Bookmarklet の favicon が変更されます。

既に favicon が指定されているページのものを変更する場合

favicons.sqlite の moz_icons テーブルの icon_url から変更したい favicon の url を探します。

もし、favicon の url が分からない場合には、以下の手順で見つけます。
moz_pages_w_icons の page_url から、サイトの url を探します。
moz_pages_w_icons の該当行の id の値を、moz_icons_to_pages テーブルの page_id で探します。
moz_icons_to_pages の該当行の icon_id の値を、moz_icons テーブルの id で探します。
この行が、サイトの favicon です。

変更したい favicon の行の一番最後、data カラムをクリックします(BLOB と表示されてます)。
右上の Edit Database Cell の領域で、Mode を Image に変更します。
Import ボタンをクリックして、変更したい画像を選択します。
右下の Apply ボタンをクリックします。

ひとつ隣の expire_ms の値を大きな値に変更します。
今だと、15xxx~ という数字になっていると思いますが、頭の 1 を 9 に置き換えるとか。

ツールバーの "Write Changes" をクリックして、修正内容を保存します。

id:berserkx

回答ありがとうございます。
なんとか成功しました。

もう一点、既に登録されているアイコンの変更方法についてもご教示いただけないでしょうか。
お手を煩わせて申し訳ありませんが、よろしくお願いいたします。

2017/11/24 22:31:18
id:a-kuma3

回答に追記しました。

2017/11/24 22:59:11

その他の回答(0件)

id:a-kuma3 No.1

a-kuma3回答回数4624ベストアンサー獲得回数19592017/11/24 13:16:13ここでベストアンサー

Firefox 57 (Quantum) になってから、アドオンはブラウザの見た目を変更できなくなりました。
代わりのアドオンは、Firefox の API が変更されない限り作ることができません。

ぼくも Bookmark Favicon Changer は愛用してたので、かなりの打撃でした。
でも、手作業でアイコンの変更ができます。
多少の手間がかかるのですが、以下の手順を試してみてください。



事前準備があります。

アイコンの画像を Data URI Scheme で扱います。
以下のようなサイトなんかがお手軽だと思います。

変更する対象が Bookmarklet の場合には、Firefox のファイルを直接いじる必要があります。
プロファイルのディレクトリを確認してください。
もし、分からなければ、アドレスバーに about:support を入力して、「プロファイルフォルダー」を見てください。

ファイルは SQLite という形式のファイルのファイルになります。いじるためには、以下のツールをインストールしてください。

favicon が登録されてないサイトの場合

favicon を設定したいページを開きます。
Firefox のインスペクタというツールを開きます(Ctrl + Shift + C)。
head 要素の適当なところに、以下のような link 要素を追加します。

<link rel="shortcut icon" href="data:image/png;base64,iVBORw...">

href 属性は、favicon にしたい画像を Data URI Scheme に変換したものです。

head 要素内の適当なタグを右クリックして、「HTMLとして編集」をクリック。
編集領域の末尾に追加して、Ctrl + Enter で編集内容を確定させます。
f:id:a-kuma3:20171124105306p:image

この link 要素を追加すると、タブに favicon が表示され、Bookmark の favicon にも指定した画像が表示されます。
ページを開きなおすと、タブの favicon は当然消えちゃいますが、Bookmark の favicon は、そのまま表示されたままです。


Bookmarklet の場合

以下のような HTML ファイルを書いて、適当なところに保存します。

<html>
  <head>
  <link rel="shortcut icon" href="data:image/png;base64,iVBORw...">
  </head>
  <body>
  </body>
</html>

href 属性は、favicon にしたい画像を Data URI Scheme に変換したものです。

この HTML ファイルを Firefox で開きます。
アドレスバーには、file:///... というような URL が表示され、タブの favicon には、link タグに指定した画像が表示されています。

DB Browser for SQLite で、Firefox のプロファイルにある favicons.sqlite を開きます。
Browse Data タブを開いて、Table で moz_pages_w_icons を選びます。
page_url カラムで、先ほど開いた HTML ファイルの URL を探します(多分、一番最後の行です)。
f:id:a-kuma3:20171124105303p:image

もうひとつ DB Browser for SQLite を起動して、places.sqlite を開きます。
moz_places テーブルで、url が favicon を変更したい Bookmarklet の行を探します。
カラム名のすぐ下にある Filter を使うと楽ちんです。
f:id:a-kuma3:20171124105255p:image

moz_places の該当行の url と url_hash を、moz_pages_w_icons の page_url と page_url_hash へ転記します。

ファイル:  places.sqlite         favicons.sqlite
テーブル:  moz_places            moz_pages_w_icons
              url      ────→   page_url
              url_hash ────→   page_url_hash

f:id:a-kuma3:20171124105248p:image
ツールバーの "Write Changes" をクリックして、修正内容を保存します。

これで、Bookmarklet の favicon が変更されます。

既に favicon が指定されているページのものを変更する場合

favicons.sqlite の moz_icons テーブルの icon_url から変更したい favicon の url を探します。

もし、favicon の url が分からない場合には、以下の手順で見つけます。
moz_pages_w_icons の page_url から、サイトの url を探します。
moz_pages_w_icons の該当行の id の値を、moz_icons_to_pages テーブルの page_id で探します。
moz_icons_to_pages の該当行の icon_id の値を、moz_icons テーブルの id で探します。
この行が、サイトの favicon です。

変更したい favicon の行の一番最後、data カラムをクリックします(BLOB と表示されてます)。
右上の Edit Database Cell の領域で、Mode を Image に変更します。
Import ボタンをクリックして、変更したい画像を選択します。
右下の Apply ボタンをクリックします。

ひとつ隣の expire_ms の値を大きな値に変更します。
今だと、15xxx~ という数字になっていると思いますが、頭の 1 を 9 に置き換えるとか。

ツールバーの "Write Changes" をクリックして、修正内容を保存します。

id:berserkx

回答ありがとうございます。
なんとか成功しました。

もう一点、既に登録されているアイコンの変更方法についてもご教示いただけないでしょうか。
お手を煩わせて申し訳ありませんが、よろしくお願いいたします。

2017/11/24 22:31:18
id:a-kuma3

回答に追記しました。

2017/11/24 22:59:11
id:berserkx

回答ありがとうございます。
できました。感謝いたします。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません