このブログのはてなブックマーク数 このエントリーをはてなブックマークに追加

知らなきゃ絶対損するPCマル秘ワザ

知らなくて損したPC情報とかを分かりやすくメモする個人ブログ。
『月,水,金』の週3回更新!(予定)

このブログ内をキーワードで検索することもできます。
Loading



最新記事
  • Windows: PCの「IPアドレス」「MACアドレス」を確認する方法 (07/16)
  • LINEモバイル:ソフトバンク回線に変更してみた (07/13)
  • JavaScript:正規表現のメソッドがややこしい! 違いを学ぶ (07/11)
  • Firefox:ダイアログなしでリンク先を保存する(Alt + クリック) (07/09)
  • ツイッター:「不適切な内容が含まれている」は自分だけで直せる (07/06)
  • 管理人より
    2300万アクセス突破しました。ありがとうございます。

    Firefox:メニューバーに配置したアドオンアイコンを右寄せにする

    このエントリーをはてなブックマークに追加
    操作画面


    こんにちは、さち です。

    今回は、Firefox Quantum(バージョン57以降)で
    メニューバーに配置したアドオンアイコンを右寄せにする方法
    (メニューは左寄せにしつつ、アドオンアイコンだけを右寄せにする)
    について書いていきます。




    メニューバーに置いたアイコンを右寄せにしたい

    Firefox 56 以前では、アドオン関連のアイコンを
    アドオンバー(ステータスバー)に置いていたのですが
    Firefox Quantum にはその場所がなくなってしまいました。

    そこで、メニューバーの空きスペースに置くことにしました。
    しかし、通常の状態ではすべてのメニュー,アイコンが左寄せになります。
    操作画面

    個人的には、このように
    「メニュー」は左寄せ、「アドオンアイコン」を右寄せに配置したいのです。
    操作画面




    期待通りの動きをしない「伸縮自在のスペース」

    アドオンアイコンだけが右寄せになるよう
    「カスタマイズ」から「伸縮自在のスペース」を入れてみます。

    昔は、1つ入れれば最大幅まで広がった気がするんですが
    そうではないようで、複数個挿入してみました。
    操作画面

    しかし、Firefox のウィンドウ幅が狭くなった時に
    「メニュー」と「アドオンアイコン」の間にスペースが残ってしまいます。
    操作画面

    「伸縮自在」とは何だったのか……。
    伸び方も縮み方も期待してたのと違う……。




    「userChrome.css」を使って解決する

    「userChrome.css」ファイルを作成、これを Firefox に適用することで
    アドオンアイコンの右寄せを実現させます。
    下記の手順を行う前に、Firefox を終了しておいて下さい。

    1. テキストエディター(「メモ帳」など)を開いて、このように記述。
      @-moz-document url(chrome://browser/content/browser.xul) {

      #toolbar-menubar {
      display: flex !important;
      justify-content: flex-start !important;
      align-items: center !important;
      }

      #menubar-items {
      margin-right: auto !important;
      flex-shrink: 0 !important;
      }

      }

    2. 「ファイル名」を「userChrome.css」
      「ファイルの種類」を「すべてのファイル」
      「文字コード」を「UTF-8」にして、ファイルを保存します。
      操作画面

    3. エクスプローラーのアドレスに
      %APPDATA%\Mozilla\Firefox\Profiles」と入力して、「Enter」キーを押します。
      Firefox プロファイル

    4. 使用中のプロファイルフォルダー「ランダム文字列.default」をクリック。
      Firefox プロファイル

    5. 「chrome」フォルダーをクリック(ない場合は作成)。
      Firefox プロファイル chrome

    6. 先ほど保存した「userChrome.css」を
      「chrome」フォルダーにドラッグ&ドロップ(コピーする)。
      操作画面

    7. Firefox を起動すると
      メニューバーに配置したアドオンアイコンが右寄せになっています。
      操作画面

    8. ウィンドウを狭くした時は、ちゃんと「メニュー」のすぐ横まで接近します。
      操作画面




    以前は、「Stylish」などの
    ユーザーCSS を適用するアドオンでも同じことができましたが
    Quantum(57以降) では、セキュリティ強化のためできなくなりました。

    「userChrome.css」を使えば可能ですが
    この方法もいつかできなくなるかもしれませんね……。









    このエントリーをはてなブックマークに追加




    管理人だけが読めるコメントにする(返信はしません)
    【お知らせ】
    • コメントは承認制です。反映に時間がかかります。
    • Yahoo!BBはスパムコメントが多いため一部規制中です。
    • URLを含む投稿はできません。必要な場合は最初のhを削って下さい。
    • 記事に直接関係ない個人のトラブルにはお答えできません。
    • Android は使ったことがないので質問を頂いても答えられません。
    • その他詳細はこちら





    記事別の週間アクセス数ランキングです。こちらの記事もぜひ読んでみて下さい。

    2008-2018 知らなきゃ絶対損するPCマル秘ワザ  無断転載禁止

    ブログパーツ