FirefoxのブックマークサイドバーはHTMLでレンダリングされるようです

FirefoxのブックマークサイドバーはHTMLでレンダリングされるようです

私が使用しているユーザースタイルシートのこのルールが影響しているようです:

*[id*='related'], *[id*='side'], *[role*="complementary"], *[id*='Panel'],  *[id*='Layout'] {
    visibility:hidden !important;
}

前に:
1

後:
ここに画像の説明を入力してください

それで、その HTML のドキュメントはありますか?

編集::そしてそれを除外することはできますか@-moz-document regexp()

回避策bodyすべてのセレクターに:: プレフィックス( body [id*='related'],...) を付けて、Web ページにのみ適用するように制限します。(どうやら、サイドバーはタグ内に存在しないようです<body>)デモ

答え1

Firefox のインターフェースは、XML の一種である XUL で書かれています。そのマークアップは HTML とほぼ同じですが、アドオン開発者にとって特に利点がいくつかあります。

ユーザー インターフェースを構成するコードを表示するには、新しいタブを開いて に移動しますchrome://browser/content/browser.xul。これにより、Web ブラウザー内に Web ブラウザーのインターフェースが表示されます。次に、Firefox に組み込まれている Web 開発ツールを使用してマークアップを検査するか、Ctrl+U を押してソースを表示します。

プログラミングの知識がほとんどない人でも、編集するのはとても簡単です。これが私がFirefoxを愛する理由です。CSSをライブ編集し、変更に満足したら、スタイリッシュ新しいスタイル (XUL 名前空間を使用した空のスタイル) を作成して保存します。

関連情報