「Firefox/設定」の版間の差分

提供: ArchWiki
ナビゲーションに移動 検索に移動
(→‎WebRender: 訳を修正)
(→‎外観: 同期)
117行目: 117行目:
   
 
== 外観 ==
 
== 外観 ==
  +
 
=== フォント ===
 
=== フォント ===
次の記事を参照してください: [[フォント設定]]
 
   
  +
[[フォント設定]] を参照してください。
==== DPI の値の設定 ====
 
  +
システムの DPI が 96 を下回っている場合、設定を変更することで Firefox のフォントの見た目を良くすることができます。デフォルトでは Firefox は DPI の値は 96 を使用し、96 を上回っている場合だけシステム値を使います。値に関係なくシステム値を使うようにするには、アドレスバーに {{ic|about:config}} と入力して {{ic|layout.css.dpi}} を '''0''' に設定してください。
 
  +
==== DPI の値を設定する ====
  +
  +
システムの DPI が 96 を下回っている場合、この値を変更することで Firefox におけるフォントの見た目を改善することができます。デフォルトでは、Firefox は DPI の値として 96 を使用します。システムの DPI が 96 を上回っている場合にのみ、システムの DPI が使用されます。システムの DPI をその値に依らずに強制するには、アドレスバーに {{ic|about:config}} と打ち込み、{{ic|layout.css.dpi}} を '''0''' に設定してください。
  +
  +
上記の設定は Firefox のユーザーインターフェイスの DPI 設定にしか影響を与えないことに注意してください。ウェブページのコンテンツの DPI は 96 のままであり、そのせいで見た目が悪くなったり、高解像度のディスプレイにおいては表示が小さくなりすぎてしまう場合があります。解決策は、{{ic|layout.css.devPixelsPerPx}} を、システムの DPI を 96 で割った値に設定することです。例えば、システムの DPI が 144 である場合、値は 144/96 = 1.5 です。{{ic|layout.css.devPixelsPerPx}} を '''1.5''' に設定すれば、ウェブページのコンテンツは 144 の DPI を使用するようになり、見た目がうんと良くなります。
  +
  +
Firefox 103 より後のリリースでこれを行うとフォントが大きくなりすぎてしまう場合、{{ic|browser.display.os-zoom-behavior}} を 0 に設定してください。次に、{{ic|about:config}} の検索バーに {{ic|ui.textScaleFactor}} と打ち込み、'整数値' ('number') の横の丸ボタンを選択し、プラスのボタンをクリックしてこの設定キーを追加し、そのキーに対して {{ic|layout.css.devPixelsPerPx}} の 100 倍の値を設定してください。例えば、{{ic|layout.css.devPixelsPerPx}} が 1.25 に設定されている場合、{{ic|ui.textScaleFactor}} は 125 にする必要があります。
  +
  +
HiDPI ディスプレイに関する情報は [[HiDPI#Firefox]] を、DPI の計算については [https://www.sven.de/dpi/] を参照してください。
   
  +
==== Microsoft Windows のデフォルトのフォント設定 ====
上記の設定は Firefox のユーザーインターフェースの DPI 設定にだけ影響を与えるので注意してください。ウェブページのコンテンツの DPI 値は 96 のままです。変更するには {{ic|layout.css.devPixelsPerPx}} をシステムの DPI を 96 で割った値に設定してください。例えばシステムの DPI が 144 の場合、設定する値は 144/96 = 1.5 です。{{ic|layout.css.devPixelsPerPx}} を '''1.5''' にするとウェブページのコンテンツの DPI が 144 になります。
 
   
  +
以下は、Firefox が Microsoft Windows にインストールされた場合のデフォルトのフォント設定です。多くのウェブサイトは Microsoft のフォントを使っています。
高解像度ディスプレイについての情報は [[HiDPI#Firefox]] を参照してください。DPI の計算は [https://www.sven.de/dpi/] を見てください。
 
   
==== Microsoft Windows のデフォルトフォント設定 ====
 
以下は Firefox を Microsoft Windows にインストールした時のデフォルトフォント設定です。多くのウェブサイトは Microsoft フォントを使っています。
 
 
{{bc|
 
{{bc|
 
Proportional: Serif Size (pixels): 16
 
Proportional: Serif Size (pixels): 16
137行目: 144行目:
   
 
=== 一般的なユーザーインターフェイスの CSS 設定 ===
 
=== 一般的なユーザーインターフェイスの CSS 設定 ===
Firefox のユーザーインターフェイスは {{ic|~/.mozilla/firefox/<profile_dir>/chrome/}} 内の {{ic|userChrome.css}} や {{ic|userContent.css}} ファイルを編集することで変更することができます (''profile_dir'' は ''hash.name'' という形式を取っており、''hash'' は8文字のランダムな文字列です。プロファイルの ''name'' は通常 ''default'' となっています)。
 
   
  +
Firefox のユーザーインターフェイスは、{{ic|~/.mozilla/firefox/''profile''/chrome/}} 内の {{ic|userChrome.css}} と {{ic|userContent.css}} を編集することで変更することができます (''profile_dir'' は ''hash.name'' という形式であり、''hash'' は見た目はランダムな8文字の文字列で、プロファイルの ''name'' は通常、''default'' です)。[https://support.mozilla.org/ja/kb/profiles-where-firefox-stores-user-data#w_purohuairunotan-shifang Firefox のドキュメント]で説明されている通り、 URL バーに {{ic|about:support}} と入力し、{{ic|アプリケーション基本情報}} セクションの {{ic|プロファイルディレクトリー}} を探せば、実際のプロファイル名を知ることができます。
{{Note|{{ic|chrome/}} フォルダと {{ic|userChrome.css}}/{{ic|userContent.css}} ファイルは存在している必要がないので、作る必要があるかもしれません。}}
 
   
  +
{{Note|
このセクションでは (ウェブページではなく) Firefox のユーザーインターフェイスを変更する {{ic|userChrome.css}} ファイルについてだけ扱います。
 
  +
* {{ic|chrome/}} フォルダと {{ic|userChrome.css}}/{{ic|userContent.css}} ファイルは必ずしも存在しているとは限りません。なので、作成する必要があるかもしれません。
  +
* {{ic|about:config}} で {{ic|toolkit.legacyUserProfileCustomizations.stylesheets}} を有効化しておかなければなりません。
  +
}}
   
  +
このセクションでは、ウェブページではなく Firefox のユーザーインターフェイスを変更する {{ic|userChrome.css}} のみを扱います。
==== フォントの変更 ====
 
  +
この設定はグローバルな GTK+ のフォント設定を上書きします。ウェブページには影響を与えません、ユーザーインターフェイスのフォントだけが変更されます:
 
  +
==== インターフェイスのフォントを変更する ====
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css|
 
  +
  +
この設定はグローバルな GTK フォントの設定をオーバーライドします。ウェブページには影響を与えず、Firefox のユーザーインターフェイスだけが変更されます:
  +
  +
{{hc|~/.mozilla/firefox/''profile''/chrome/userChrome.css|
 
* {
 
* {
 
font-family: "FONT_NAME";
 
font-family: "FONT_NAME";
151行目: 164行目:
 
}}
 
}}
   
==== ボタンアイコンの隠匿 ====
+
==== ボタンアイコンを非表示にする ====
  +
テキストボタンを有効化:
 
  +
テキストのみのボタンを有効化します:
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css|
 
  +
  +
{{hc|~/.mozilla/firefox/''profile''/chrome/userChrome.css|
 
.button-box .button-icon {
 
.button-box .button-icon {
 
display: none;
 
display: none;
159行目: 174行目:
 
}}
 
}}
   
==== 様々なタブボタンの隠匿 ====
+
==== 様々なタブボタンを非表示にする ====
  +
 
以下の設定はタブバーの縁で表示される矢印、全てのタブのドロップダウンリストを切り替えるボタン、新しいタブを作成するプラス記号を非表示にします:
 
以下の設定はタブバーの縁で表示される矢印、全てのタブのドロップダウンリストを切り替えるボタン、新しいタブを作成するプラス記号を非表示にします:
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css|<nowiki>
 
/* Tab bar */
 
   
  +
{{hc|~/.mozilla/firefox/''profile''/chrome/userChrome.css|<nowiki>
.tabbrowser-strip *[class^="scrollbutton"] {
 
  +
/* タブバー */
/* Hide tab scroll buttons */
 
  +
  +
toolbarbutton#scrollbutton-up, toolbarbutton#scrollbutton-down {
  +
/* タブのスクロールボタンを隠す */
 
display: none;
 
display: none;
 
}
 
}
   
.tabbrowser-strip *[class^="tabs-alltabs"] {
+
.browser-toolbar > * #alltabs-button {
  +
/* タブのドロップダウンリストを隠す */
/* Hide tab drop-down list */
 
 
display: none;
 
display: none;
 
}
 
}
   
.tabbrowser-strip *[class^="tabs-newtab-button"] {
+
.browser-toolbar > * #new-tab-button {
  +
/* 新しいタブを開くボタンを隠す */
/* Hide new-tab button */
 
 
display: none;
 
display: none;
 
}</nowiki>
 
}</nowiki>
181行目: 198行目:
   
 
==== 水平タブ ====
 
==== 水平タブ ====
  +
タブバーをブラウザウィンドウの側面に横に並べて表示するには:
 
  +
タブバーをブラウザウィンドウの側面に水平に積み重ねて配置するには:
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css|
 
  +
/* Display the tabbar on the left */
 
  +
{{hc|~/.mozilla/firefox/''profile''/chrome/userChrome.css|
  +
/* タブバーを左に表示する */
 
#content > tabbox {
 
#content > tabbox {
 
-moz-box-orient: horizontal;
 
-moz-box-orient: horizontal;
191行目: 210行目:
 
-moz-box-orient: vertical;
 
-moz-box-orient: vertical;
 
/*
 
/*
* You can set this to -moz-scrollbars-vertical instead,
+
* ここには -moz-scrollbars-vertical を設定することもできますが、
  +
* そうするとスクロールバーが常に表示されるようになってしまいます。
* but then the scrollbar will *always* be visible. this way
 
  +
* 以下のように設定することで、スクロールバーを表示しないようにし、
* there is never a scrollbar, so it behaves like the tab bar
 
  +
* 通常のタブバーのように振る舞わせます。
* normally does
 
 
*/
 
*/
 
overflow: -moz-scrollbars-none;
 
overflow: -moz-scrollbars-none;
201行目: 220行目:
 
.tabbrowser-tabs {
 
.tabbrowser-tabs {
 
-moz-box-orient: horizontal;
 
-moz-box-orient: horizontal;
min-width: 20ex; /* You may want to increase this value */
+
min-width: 20ex; /* この値を増やしても良いです */
 
-mox-box-pack: start;
 
-mox-box-pack: start;
 
-moz-box-align: start;
 
-moz-box-align: start;
218行目: 237行目:
 
}}
 
}}
   
==== ウィンドウの縁とタイトルバーを非表示にする ====
+
==== タイトルバーとウィンドウの枠を非表示にする ====
   
タイトルバーをタブバーに置き換えるには、{{ic|about:config}} で {{ic|browser.tabs.drawInTitlebar}} を有効ます
+
タイトルバーをタブバーに置き換えるには、{{ic|about:config}} で {{ic|browser.tabs.drawInTitlebar}} を有効てください
   
または、"メニュー"、"カスタマイズ" の順に進み、左下隅に "タイトルバー" という名前のチェックボックスを見つけます。 チェックを外します。 チェックボックスがない場合は、{{ic|XDG_CURRENT_DESKTOP}} 環境変数が正しく設定されているか、{{ic|MOZ_GTK_TITLEBAR_DECORATION}} 環境変数が "client" に設定されていることを確認してください。
+
または、"メニュー"、"カスタマイズ" の順に進み、左下隅に "タイトルバー" という名前のチェックボックスを見つけます。 チェックを外します。チェックボックスがない場合は、{{ic|XDG_CURRENT_DESKTOP}} 環境変数が正しく設定されているか、{{ic|MOZ_GTK_TITLEBAR_DECORATION}} 環境変数が "client" に設定されていることを確認してください。
   
 
===== KDE でタイトルバーのみを非表示にする =====
 
===== KDE でタイトルバーのみを非表示にする =====
232行目: 251行目:
 
ただし、それではフレームも消えてしまいますので、基本的にウィンドウサイズの変更はできません。 別の方法として、''System settings'' > ''Application Style'' > ''Window Decorations'' に移動し、''Breeze'' を選択して設定を変更します。 最後のタブ ''Window-Specific Overrides'' で、新しいものを追加します。 名前を取得するには、''Detect Window Properties'' ボタンを使用します。または、Firefox だけでなく、すべてのウィンドウに対してこのオーバーライドを設定する場合は、正規表現フィールドにドット (.) を入力できます。 その後、''Decoration Options'' を設定して、タイトル バーのみを非表示にします。
 
ただし、それではフレームも消えてしまいますので、基本的にウィンドウサイズの変更はできません。 別の方法として、''System settings'' > ''Application Style'' > ''Window Decorations'' に移動し、''Breeze'' を選択して設定を変更します。 最後のタブ ''Window-Specific Overrides'' で、新しいものを追加します。 名前を取得するには、''Detect Window Properties'' ボタンを使用します。または、Firefox だけでなく、すべてのウィンドウに対してこのオーバーライドを設定する場合は、正規表現フィールドにドット (.) を入力できます。 その後、''Decoration Options'' を設定して、タイトル バーのみを非表示にします。
   
==== ブックマークツールバーを自動で隠匿 ====
+
==== ブックマークツールバーを自動で非表示にする ====
  +
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css|
 
  +
{{hc|~/.mozilla/firefox/''profile''/chrome/userChrome.css|
 
#PersonalToolbar {
 
#PersonalToolbar {
 
visibility: collapse !important;
 
visibility: collapse !important;
243行目: 263行目:
 
}}
 
}}
   
==== サイドバーの幅の制限をくす ====
+
==== サイドバーの幅の制限をくす ====
  +
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css|
 
  +
{{hc|~/.mozilla/firefox/''profile''/chrome/userChrome.css|
/* remove maximum/minimum width restriction of sidebar */
 
  +
/* サイドバーの最大/最小幅の制限を無くす */
 
#sidebar {
 
#sidebar {
 
max-width: none !important;
 
max-width: none !important;
252行目: 273行目:
 
}}
 
}}
   
==== ダーク GTK テーマの時に入力フィールドが読めない ====
+
==== GTK ダークテーマ入力フィールドが読めない ====
   
ダーク [[GTK]] テーマを使用、入力フィールドとテキストフィールドが読めないインターネットページに遭遇することがあります (たとえば、白い背景に白いテキスト、暗い背景に黒いテキストのテキスト入力フィールド) これは、サイトが背景色またはテキスト色のいずれかのみを設定し、Firefox がテーマからもう一方を取得するために発生する可能性があります。 Firefox が Web ページでテーマの色と暗いテーマをそれぞれ使用しないようにするには、{{ic|browser.display.use_system_colors}} と {{ic|widget.content.allow-gtk-dark-theme}} が {{ic|false}} に設定されていることを確認します {{ic|about:config}}
+
[[GTK]] ダークテーマを使用してい場合に、入力フィールドとテキストフィールドが読めないインターネットページに遭遇することがあります (えば、白い背景に白いテキスト、暗い背景に黒いテキストのテキスト入力フィールド)これは、サイトが背景色またはテキスト色のいずれかのみを設定し、Firefox がテーマからもう一方を取得するために発生する可能性があります。Firefox が Web ページでテーマの色と暗いテーマをそれぞれ使用しないようにするには、{{ic|about:config}} で {{ic|browser.display.use_system_colors}} と {{ic|widget.content.allow-gtk-dark-theme}} が {{ic|false}} に設定されていることを確認してください
   
または、以前の変更で問題が解決しなかった場合は、{{ic|widget.content.gtk-theme}} という名前の新しい文字列を {{ic|about:config に追加することでFirefox をライト GTK テーマで起動することができます。 -override}} に設定し、{{ic|Breeze:light}} や {{ic|Adwaita:light}} などのライト テーマ設定ます。
+
の変更で問題が解決しなかった場合は、{{ic|about:config}} で {{ic|widget.content.gtk-theme-override}} という名前の新しい文字列を追加それに {{ic|Breeze:light}} や {{ic|Adwaita:light}} といったライトテーマ設定することにより、Firefox を GTK ライトテーマで起動することができます。
   
 
===== 入力フィールドの色を CSS でオーバーライドする =====
 
===== 入力フィールドの色を CSS でオーバーライドする =====
   
{{Note|1=関連するバグは 68 から解決されています。[https://bugzilla.mozilla.org/show_bug.cgi?id=1527048#c44]}}
+
{{Note|1=関連するバグは 68 から解決されています。 [https://bugzilla.mozilla.org/show_bug.cgi?id=1527048#c44]}}
   
拡張機能 [https://addons.mozilla.org/firefox/addon/text-contrast-for-dark-themes/ Text Contrast for Dark Themes] は、コントラストを維持するために必要に応じて他の色を設定します。
+
[https://addons.mozilla.org/firefox/addon/text-contrast-for-dark-themes/ Text Contrast for Dark Themes] 拡張機能は、コントラストを維持するために必要に応じて他の色を設定します。
   
{{ic|userContent.css}} または [https://addons.mozilla.org/firefox/addon/styl-us/ stylus アドオン] を使用して、すべての Web ページに標準の色を明示的に設定します。
+
あるいは、{{ic|userContent.css}} または [https://addons.mozilla.org/firefox/addon/styl-us/ stylus アドオン]を使用して、すべての Web ページに標準の色を明示的に設定してください。スタイルシートは通常、{{ic|chrome/userContent.css}} のプロファイルフォルダー (パスについては {{ic|about:profiles}} にアクセスしてください) にありますが、そうでない場合はそこに作成できます。
スタイル シートは通常、{{ic|chrome/userContent.css}} のプロファイル フォルダー (パスについては {{ic|about:profiles}} にアクセスしてください) にありますが、そうでない場合はそこに作成できます。
 
   
以下は、入力フィールドを標準の黒のテキスト/白の背景に設定します。色が意図したとおりに表示されるように、表示されているサイトで両方をオーバーライドできます
+
以下は、入力フィールドを標準の黒のテキスト/白の背景に設定します。色が意図したりに表示されるように、表示されているサイトで両方をオーバーライドできます:
   
{{Note|{{ic|urlbar}} と {{ic|searchbar}} を {{ic|white}} にしたい場合は、最初の 2 つの {{ic|:not}} css セレクタを削除してください。}}
+
{{Note|{{ic|urlbar}} と {{ic|searchbar}} を {{ic|white}} にしたい場合は、最初の2つの {{ic|:not}} css セレクタを削除してください。}}
   
 
{{bc|1=
 
{{bc|1=
285行目: 305行目:
 
===== GTK テーマを変更する =====
 
===== GTK テーマを変更する =====
   
Web コンテンツと UI の両方にライト テーマ (Adwaita など) を使用するよう Firefox に強制は、[[GTK#テーマの基本設定]] を参照してください。
+
ウェブコンテンツと UI の両方で Firefox にライトテーマ (例えば Adwaita) を強制させ方法は、[[GTK#テーマ]] をてください。
   
===== コンテンツ処理のみ GTK テーマを変更する =====
+
===== コンテンツ処理のみに対して GTK テーマを変更する =====
   
Web コンテンツのみにライト テーマ (Adwaita など) を使用するように Firefox を強制するには:
+
ウェブコンテンツのみに対して Firefox にライトテーマ (例えば Adwaita) を使用させるには:
   
# アドレスバー {{ic|about:config}} を開きます
+
# アドレスバー {{ic|about:config}} と打ち込む
# ({{ic|マウスの右ボタン}} ''> New > String'') から新しい {{ic|widget.content.gtk-theme-override}} 文字列タイプのエントリを作成します。
+
# {{ic|widget.content.gtk-theme-override}} という新しい文字列のエントリを作成す
# レンダリング目的で使用するライトテーマの値を設定します (例:{{ic|Adwaita:light}})
+
# レンダリング使用するライトテーマを設定す (例えば {{ic|Adwaita:light}})
# Firefox を再起動します。
+
# Firefox を再起動す
   
 
=== ウェブコンテンツの CSS 設定 ===
 
=== ウェブコンテンツの CSS 設定 ===
300行目: 320行目:
 
このセクションではウェブコンテンツに CSS のカスタムルールを追加できる {{ic|userContent.css}} ファイルについて扱います。このファイルへの変更はブラウザの再起動時に適用されます。
 
このセクションではウェブコンテンツに CSS のカスタムルールを追加できる {{ic|userContent.css}} ファイルについて扱います。このファイルへの変更はブラウザの再起動時に適用されます。
   
頻繁に使うウェブサイトに小さな修正を加えたり個人的なスタイルを適用することが可能です。人気のウェブサイトのカスタムスタイルシートは [http://userstyles.org/ userstyles.org] などから手に入れることができます。[https://addons.mozilla.org/firefox/addon/superusercontent/ superUserContent] などのアドオンをインストールしてテーマを管理することが可能です。アドオンは {{ic|chrome/userContent.css.d}} ディレクトリを作成してページが更新されたときに中に入っている CSS ファイルに変更を適用します。
+
頻繁に使うウェブサイトに小さな修正を加えたり個人的なスタイルを適用することが可能です。人気のウェブサイトのカスタムスタイルシートは [https://userstyles.org/ userstyles.org] などから手に入れることができます。[https://addons.mozilla.org/firefox/addon/superusercontent/ superUserContent]{{Dead link|2020|03|29|status=404}} などのアドオンをインストールしてテーマを管理することが可能です。このアドオンは {{ic|chrome/userContent.css.d}} ディレクトリを作成してページが更新されたときに中に入っている CSS ファイルに変更を適用します。
   
==== 他の CSS ファイルインポート ====
+
==== 他の CSS ファイルインポートする ====
   
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userContent.css|
+
{{hc|~/.mozilla/firefox/''profile''/chrome/userContent.css|
 
@import url("./imports/some_file.css");
 
@import url("./imports/some_file.css");
 
}}
 
}}
   
==== ドメインの特定部位をブロック ====
+
==== ドメインの特定部位をブロックする ====
   
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userContent.css|
+
{{hc|~/.mozilla/firefox/''profile''/chrome/userContent.css|
 
@-moz-document domain(example.com) {
 
@-moz-document domain(example.com) {
 
div#header {
 
div#header {
318行目: 338行目:
 
}}
 
}}
   
==== PDF ファイルのリンクの後ろに [pdf] を追加 ====
+
==== PDF ファイルのリンクの後ろに [pdf] を追加する ====
   
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userContent.css|<nowiki>
+
{{hc|~/.mozilla/firefox/''profile''/chrome/userContent.css|<nowiki>
  +
/* PDF ファイルのリンクの後ろに [pdf] を追加する */
/* add '[pdf]' next to links to PDF files */
 
 
a[href$=".pdf"]:after {
 
a[href$=".pdf"]:after {
 
font-size: smaller;
 
font-size: smaller;
328行目: 348行目:
 
}}
 
}}
   
==== 広告ブロック ====
+
==== 広告ブロックする ====
   
 
{{ic|userContent.css}} を使って広告をブロックする方法については [http://www.floppymoose.com floppymoose.com] にサンプルがあります。
 
{{ic|userContent.css}} を使って広告をブロックする方法については [http://www.floppymoose.com floppymoose.com] にサンプルがあります。

2023年9月23日 (土) 15:48時点における版

関連記事

このページでは、Firefox の高度な設定オプションとパフォーマンスに関する設定を説明します。

目次

パフォーマンス

Firefox のパフォーマンスを向上させる方法は次の2つに分けられます: 開発者の意図通りに Firefox の実行中に入力できるパラメータや設定ファイルの変更、そして外部のプログラムやスクリプトを使用する高度な手順。

ノート: 以下のオプションは最新版の Firefox でしか利用できない場合があります。

このセクションでは、パフォーマンスの調整に関する Firefox の高度なオプションを扱っています。その他の情報はこれらの MozillaZine の記事を参照してください。

パフォーマンス設定を変更する

Firefox は、ご使用のコンピューターに最適な設定を自動的に使用します [1]

これらの設定は、設定 ページで、あるいは about:config 内で手動で dom.ipc.processCount の値を 1-8 に、browser.preferences.defaultPerformanceSettings.enabledfalse に変更することで行うことができます。

しかし、この設定を手動で設定して、ローエンドなデバイスでパフォーマンスをさらに向上させたり、メモリ使用量を削減したりするとよい場合もあります。

以下の場合では、現在のユーザーに対する Content process limit4 に上げられています:

$ ps -e | grep 'Web Content'
13991 tty1     00:00:04 Web Content
14027 tty1     00:00:09 Web Content
14031 tty1     00:00:20 Web Content
14040 tty1     00:00:26 Web Content

WebRender

WebRender は、Rust で書かれた、GPU でアクセラレートされた高パフォーマンスな 2D レンダリングエンジンです。Firefox と Servo ブラウザエンジンプロジェクトで使用されているコンポジタです。Firefox 93 の時点では、全ユーザに対してデフォルトで有効化されています。また、ハードウェアが最低でも OpenGL 3.0 か OpenGL ES 3.0 (2021年4月の時点) をサポートし、かつ最低限のドライバ要件を満たす場合においてはデフォルトでハードウェアレンダリングが使用されます。システムがこれらの要件を満たさない場合は、Software Webrender を使用するソフトウェアレンダリングにフォールバックします。

あなたのマシンと最新のドライバでレンダリングの問題が発生する場合、about:configgfx.webrender.software プリファレンスを true に設定することで Software Webrender を強制的に有効化することができます。

警告: WebRender のハードウェアレンダリングは、安定性、レンダリング出力、そしてパフォーマンスに関する深刻な問題により、多くの GPU とドライバにおいて無効化されています。あなたのハードウェアで無効化されている場合、ハードウェアレンダリングを強制することは推奨されていません。

urlclassifier3.sqlite が作成されないようにする

この記事またはセクションは情報が古くなっています。
理由: これはもはや必要ないようです。urlclassifier* ファイルは Firefox 64 以降存在しません。 (Discuss)

全ての urlclassifier* ファイルを削除することで、Firefox のプロファイルのサイズを数メガバイト削減できます。urlclassifier* ファイルを削除しても、しばらくすると urlclassifier3.sqlite が再び大きくなってしまうことがあります。これは、以下により簡単に解決できます:

$ cd ~/.mozilla/firefox/プロファイル
$ echo "" > urlclassifier3.sqlite
$ chmod 400 urlclassifier3.sqlite

これは、ファイルを空にして、読み取り専用にすることで、Firefox がそのファイルに書き込めないようにします。

ディスクキャッシュの無効化

読み込まれた全てのオブジェクト (HTML ページ、JPEG 画像、CSS スタイルシート、GIF バナー) は、今後ダウンロードせずに使用できるようにするために Firefox のキャッシュに保存されます。これらのオブジェクトのうちほんの一部だけ (通常、約 30 %) が再利用されると推定されます。これは、オブジェクトの有効期限が非常に短いことや、ページの更新、またはユーザの操作 (既に開いたページに戻らずに新しいページを開くこと) が原因です。Firefox のキャッシュはメモリキャッシュとディスクキャッシュに分割されており、後者ではディスクへの書き込みが頻繁に発生します: 新しく読み込まれたオブジェクトはメモリに書き込まれ、古いオブジェクトは削除されます。

別のアプローチは about:config の設定を使用することです:

  • browser.cache.disk.enablefalse に設定する。
  • browser.cache.memory.enabletrue に設定されていることを確認する。このオプションに関する詳細は browser.cache.memory に関する Mozilla 記事で見られます。
  • browser.cache.memory.capacity という名前のエントリを追加し、確保したいサイズを KB 単位で設定してください。あるいは、-1 に設定すると、自動的にキャッシュサイズが選択されます (この手順をスキップすると、-1 に設定することと同じになります)。
    • "自動的な" サイズ選択は、8GB 以下のメモリしか搭載していないシステムに対する設定のみを含む10年前のテーブルに基づいています。次の式はこのテーブルに非常に近く、Firefox のキャッシュをより動的に設定するために使用できます: 41297 - (41606 / (1 + ((RAM / 1.16) ^ 0.75))) (ただし、RAM は GB 単位で、結果は KB 単位です)。

この方法にはいくつかの欠点があります:

  • ブラウザがクラッシュした場合や再起動した場合、現在閲覧しているウェブページのコンテンツが失われますが、anything-sync-daemon や同様の定期的な同期スクリプトを使用することで、キャッシュが定期的にドライブにコピーされるようにすることで回避できます。
  • 設定は各ユーザに個別に設定する必要があります。

ディスクキャッシュを RAM に移動

別の方法は、"ディスク" キャッシュを RAM ディスクに移動することです。これにより、上記 2 つの中間の解決策が得られます。キャッシュは Firefox の実行中 (Firefox のクラッシュリカバリを含む) は保持され、再起動 (OS のクラッシュを含む) すると破棄されます。

これを行うには、about:config を開き、browser.cache.disk.parent_directory/run/user/UID/firefox に設定します。ここで、UID は、id -u を実行することで取得できるユーザーの ID です。

about:cache を開いて、新しいディスクキャッシュの場所を確認してください。

セッションを保存する間隔を長くする

Firefox は現在のセッションの状態 (開かれている URL、cookie、履歴、フォームデータ) を定期的にディスク上に保存します。これは、Firefox がクラッシュした場合に以前のセッションを回復するために使用されます。 デフォルトの設定では、15 秒おきにセッションが保存されます。その結果、頻繁にディスクアクセスが発生します。

例えば、保存間隔を 10 分 (600000 ミリ秒) に増やすには、about:configbrowser.sessionstore.interval600000 に変更してください。

この機能を完全に無効化するには、browser.sessionstore.resume_from_crashfalse に変更してください。

プロファイルの SQLite データベースのデフラグ

警告: 以下の方法では、セッションが正しく保存されなかった場合などに、データベースが破壊されてしまう可能性があります。

Firefox はブックマーク、履歴、パスワードを SQLite データベースに保存します。SQLite データベースは時間の経過とともに断片化し、あちこちに空きスペースが現れます。ただし、データベースをチェックして最適化する管理プロセスがないため、これらの要因により最終的にパフォーマンスが低下します。起動やその他のブックマークや履歴関連のタスクを改善する良い方法は、これらのデータベースから未使用の領域をデフラグしてトリミングすることです。

Firefox が実行されていない時に profile-cleaner を使うことでデフラグを行えます:

profile-cleaner の使用例:
SQLite データベース デフラグ前のサイズ デフラグ後のサイズ % 変化
urlclassifier3.sqlite 37 M 30 M 19 %
places.sqlite 16 M 2.4 M 85 %

Firefox の最近のバージョンでは、ページのロードが遅くなったりプロファイルの破損の原因となる places データベースをデフラグ・最適化するツールが用意されています。このツールを使うには about:support ページを開いてください。Places データベース の下にある 完全性を検証 ボタンを押してください。

tmpfs 経由でプロファイル全体を RAM にキャッシュする

システムにメモリに余裕がある場合は、tmpfs を使用して プロファイルディレクトリ全体をキャッシュすることができ、これにより Firefox の応答性が向上する可能性があります。

Pocket の無効化

Pocket サービスを使用しない場合、about:configextensions.pocket.enabledfalse に設定することで無効にできます。

外観

フォント

フォント設定 を参照してください。

DPI の値を設定する

システムの DPI が 96 を下回っている場合、この値を変更することで Firefox におけるフォントの見た目を改善することができます。デフォルトでは、Firefox は DPI の値として 96 を使用します。システムの DPI が 96 を上回っている場合にのみ、システムの DPI が使用されます。システムの DPI をその値に依らずに強制するには、アドレスバーに about:config と打ち込み、layout.css.dpi0 に設定してください。

上記の設定は Firefox のユーザーインターフェイスの DPI 設定にしか影響を与えないことに注意してください。ウェブページのコンテンツの DPI は 96 のままであり、そのせいで見た目が悪くなったり、高解像度のディスプレイにおいては表示が小さくなりすぎてしまう場合があります。解決策は、layout.css.devPixelsPerPx を、システムの DPI を 96 で割った値に設定することです。例えば、システムの DPI が 144 である場合、値は 144/96 = 1.5 です。layout.css.devPixelsPerPx1.5 に設定すれば、ウェブページのコンテンツは 144 の DPI を使用するようになり、見た目がうんと良くなります。

Firefox 103 より後のリリースでこれを行うとフォントが大きくなりすぎてしまう場合、browser.display.os-zoom-behavior を 0 に設定してください。次に、about:config の検索バーに ui.textScaleFactor と打ち込み、'整数値' ('number') の横の丸ボタンを選択し、プラスのボタンをクリックしてこの設定キーを追加し、そのキーに対して layout.css.devPixelsPerPx の 100 倍の値を設定してください。例えば、layout.css.devPixelsPerPx が 1.25 に設定されている場合、ui.textScaleFactor は 125 にする必要があります。

HiDPI ディスプレイに関する情報は HiDPI#Firefox を、DPI の計算については [2] を参照してください。

Microsoft Windows のデフォルトのフォント設定

以下は、Firefox が Microsoft Windows にインストールされた場合のデフォルトのフォント設定です。多くのウェブサイトは Microsoft のフォントを使っています。

Proportional: Serif Size (pixels): 16
Serif: Times New Roman
Sans-serif: Arial
Monospace: Courier New Size (pixels): 13

一般的なユーザーインターフェイスの CSS 設定

Firefox のユーザーインターフェイスは、~/.mozilla/firefox/profile/chrome/ 内の userChrome.cssuserContent.css を編集することで変更することができます (profile_dirhash.name という形式であり、hash は見た目はランダムな8文字の文字列で、プロファイルの name は通常、default です)。Firefox のドキュメントで説明されている通り、 URL バーに about:support と入力し、アプリケーション基本情報 セクションの プロファイルディレクトリー を探せば、実際のプロファイル名を知ることができます。

ノート:
  • chrome/ フォルダと userChrome.css/userContent.css ファイルは必ずしも存在しているとは限りません。なので、作成する必要があるかもしれません。
  • about:configtoolkit.legacyUserProfileCustomizations.stylesheets を有効化しておかなければなりません。

このセクションでは、ウェブページではなく Firefox のユーザーインターフェイスを変更する userChrome.css のみを扱います。

インターフェイスのフォントを変更する

この設定はグローバルな GTK フォントの設定をオーバーライドします。ウェブページには影響を与えず、Firefox のユーザーインターフェイスだけが変更されます:

~/.mozilla/firefox/profile/chrome/userChrome.css
* {
    font-family: "FONT_NAME";
}

ボタンのアイコンを非表示にする

テキストのみのボタンを有効化します:

~/.mozilla/firefox/profile/chrome/userChrome.css
.button-box .button-icon {
    display: none;
}

様々なタブのボタンを非表示にする

以下の設定はタブバーの縁で表示される矢印、全てのタブのドロップダウンリストを切り替えるボタン、新しいタブを作成するプラス記号を非表示にします:

~/.mozilla/firefox/profile/chrome/userChrome.css
/* タブバー */

toolbarbutton#scrollbutton-up, toolbarbutton#scrollbutton-down {
    /* タブのスクロールボタンを隠す */
    display: none;
}

.browser-toolbar > * #alltabs-button {
    /* タブのドロップダウンリストを隠す */
    display: none;
}

.browser-toolbar > * #new-tab-button {
    /* 新しいタブを開くボタンを隠す */
    display: none;
}

水平タブ

タブバーをブラウザウィンドウの側面に水平に積み重ねて配置するには:

~/.mozilla/firefox/profile/chrome/userChrome.css
/* タブバーを左に表示する */
#content > tabbox {
    -moz-box-orient: horizontal;
}

.tabbrowser-strip {
    -moz-box-orient: vertical;
    /*
     * ここには -moz-scrollbars-vertical を設定することもできますが、
     * そうするとスクロールバーが常に表示されるようになってしまいます。
     * 以下のように設定することで、スクロールバーを表示しないようにし、
     * 通常のタブバーのように振る舞わせます。
     */
     overflow: -moz-scrollbars-none;
}

.tabbrowser-tabs {
    -moz-box-orient: horizontal;
    min-width: 20ex;   /* この値を増やしても良いです */
    -mox-box-pack: start;
    -moz-box-align: start;
}

.tabbrowser-tabs > hbox {
    -moz-box-orient: vertical;
    -moz-box-align: stretch;
    -moz-box-pack: start;
}

.tabbrowser-tabs > hbox > tab {
    -moz-box-align: start;
    -moz-box-orient: horizontal;
}

タイトルバーとウィンドウの枠を非表示にする

タイトルバーをタブバーに置き換えるには、about:configbrowser.tabs.drawInTitlebar を有効化してください。

または、"メニュー"、"カスタマイズ" の順に進み、左下隅に "タイトルバー" という名前のチェックボックスを見つけます。 チェックを外します。チェックボックスがない場合は、XDG_CURRENT_DESKTOP 環境変数が正しく設定されているか、MOZ_GTK_TITLEBAR_DECORATION 環境変数が "client" に設定されていることを確認してください。

KDE でタイトルバーのみを非表示にする

上記の設定では、Firefox は KDE で最小化/最大化/閉じるボタンをタブバーに追加しますが、タイトルバーはそのまま残ります。

それを右クリックし、"More Actions > Configure Special Application Settings" を選択して削除できます。そこに "タイトルバーとフレームなし" の新しいプロパティを追加し、それを有効にすることを忘れないでください。"はい" を選択する必要があります。 (タイトルバーがなくなった後でルールを変更するには、System settings > Window Management > Window Rules に移動します。)

ただし、それではフレームも消えてしまいますので、基本的にウィンドウサイズの変更はできません。 別の方法として、System settings > Application Style > Window Decorations に移動し、Breeze を選択して設定を変更します。 最後のタブ Window-Specific Overrides で、新しいものを追加します。 名前を取得するには、Detect Window Properties ボタンを使用します。または、Firefox だけでなく、すべてのウィンドウに対してこのオーバーライドを設定する場合は、正規表現フィールドにドット (.) を入力できます。 その後、Decoration Options を設定して、タイトル バーのみを非表示にします。

ブックマークツールバーを自動で非表示にする

~/.mozilla/firefox/profile/chrome/userChrome.css
#PersonalToolbar {
    visibility: collapse !important;
}

#navigator-toolbox:hover > #PersonalToolbar {
    visibility: visible !important;
}

サイドバーの幅の制限を無くす

~/.mozilla/firefox/profile/chrome/userChrome.css
/* サイドバーの最大/最小幅の制限を無くす */
#sidebar {
    max-width: none !important;
    min-width: 0px !important;
}

GTK ダークテーマで入力フィールドが読めない

GTK ダークテーマを使用している場合に、入力フィールドとテキストフィールドが読めないインターネットのページに遭遇することがあります (例えば、白い背景に白いテキスト、暗い背景に黒いテキストのテキスト入力フィールド)。これは、サイトが背景色またはテキスト色のいずれかのみを設定し、Firefox がテーマからもう一方を取得するために発生する可能性があります。Firefox が Web ページでテーマの色と暗いテーマをそれぞれ使用しないようにするには、about:configbrowser.display.use_system_colorswidget.content.allow-gtk-dark-themefalse に設定されていることを確認してください。

この変更で問題が解決しなかった場合は、about:configwidget.content.gtk-theme-override という名前の新しい文字列を追加し、それに Breeze:lightAdwaita:light といったライトテーマを設定することにより、Firefox を GTK ライトテーマで起動することができます。

入力フィールドの色を CSS でオーバーライドする
ノート: 関連するバグは 68 から解決されています。 [3]

Text Contrast for Dark Themes 拡張機能は、コントラストを維持するために必要に応じて他の色を設定します。

あるいは、userContent.css または stylus アドオンを使用して、すべての Web ページに標準の色を明示的に設定してください。スタイルシートは通常、chrome/userContent.css のプロファイルフォルダー (パスについては about:profiles にアクセスしてください) にありますが、そうでない場合はそこに作成できます。

以下は、入力フィールドを標準の黒のテキスト/白の背景に設定します。色が意図した通りに表示されるように、表示されているサイトで両方をオーバーライドできます:

ノート: urlbarsearchbarwhite にしたい場合は、最初の2つの :not css セレクタを削除してください。
input:not(.urlbar-input):not(.textbox-input):not(.form-control):not([type='checkbox']):not([type='radio']), textarea, select {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}

#downloads-indicator-counter {
    color: white;
}
GTK テーマを変更する

ウェブコンテンツと UI の両方で Firefox にライトテーマ (例えば Adwaita) を強制させる方法は、GTK#テーマ を見てください。

コンテンツ処理のみに対して GTK テーマを変更する

ウェブコンテンツのみに対して Firefox にライトテーマ (例えば Adwaita) を使用させるには:

  1. アドレスバーに about:config と打ち込む。
  2. widget.content.gtk-theme-override という新しい文字列型のエントリを作成する。
  3. レンダリングに使用するライトテーマを設定する (例えば Adwaita:light)。
  4. Firefox を再起動する。

ウェブコンテンツの CSS 設定

このセクションではウェブコンテンツに CSS のカスタムルールを追加できる userContent.css ファイルについて扱います。このファイルへの変更はブラウザの再起動時に適用されます。

頻繁に使うウェブサイトに小さな修正を加えたり個人的なスタイルを適用することが可能です。人気のウェブサイトのカスタムスタイルシートは userstyles.org などから手に入れることができます。superUserContent[リンク切れ 2020-03-29] などのアドオンをインストールしてテーマを管理することが可能です。このアドオンは chrome/userContent.css.d ディレクトリを作成してページが更新されたときに中に入っている CSS ファイルに変更を適用します。

他の CSS ファイルをインポートする

~/.mozilla/firefox/profile/chrome/userContent.css
@import url("./imports/some_file.css");

ドメインの特定部位をブロックする

~/.mozilla/firefox/profile/chrome/userContent.css
@-moz-document domain(example.com) {
    div#header {
        background-image: none !important;
    } 
}

PDF ファイルのリンクの後ろに [pdf] を追加する

~/.mozilla/firefox/profile/chrome/userContent.css
/* PDF ファイルのリンクの後ろに [pdf] を追加する */
a[href$=".pdf"]:after {
    font-size: smaller;
    content: " [pdf]";
}

広告をブロックする

userContent.css を使って広告をブロックする方法については floppymoose.com にサンプルがあります。

マウスとキーボード

マウスホイールでスクロールする速度

マウスホイールによるスクロール速度のデフォルト値を修正するには (例: スピードアップ)、about:config を開いて mousewheel.acceleration を検索してください。利用可能なオプションが表示されるので、以下を修正します:

  • mousewheel.acceleration.start-1 に設定。
  • mousewheel.acceleration.factor を適当な値に設定 (10 から 20 が普通使われる値です)。

もしくは SmoothWheel add-on をインストールすることでも変更できます。

ピクセル単位で正確なトラックパッドのスクロール

(Nautilus などの GTK3 アプリケーションで使われている) 正確なトラックパッドスクロールを有効にするには、Firefox を起動する前に MOZ_USE_XINPUT2=1 環境変数を設定してください。

スクロールがぎくしゃくする場合、設定 > 詳細からスムーススクロールオプションを有効にしてみてください。

​タッチスクリーンジェスチャを有効にする

dom.w3c_touch_events.enabled が 1 (enabled) または 2 (default, auto-detect) に設定されていることを確認します。

MOZ_USE_XINPUT2 DEFAULT=1/etc/security/pam_env.conf に追加し、システムをログアウトするか再起動して変更を有効にします。

​デバイスによっては、以下を実行してxinputのタッチスクリーンジェスチャを無効にする必要があるかもしれません:

$ xsetwacom --set device Gesture off

Firefox の URL バーのマウスクリックを Windows と同じにする

about:config で以下を設定してください:

browser.urlbar.clickSelectsAll true
browser.urlbar.doubleClickSelectsAll false
layout.word_select.stop_at_punctuation true

URL バーのシングルクリックで全てを選択し、ダブルクリックで単語を選択、トリプルクリックで全てを選択するようになります。

​スムーズスクロール

​Firefox でスムーズな物理ベースのスクロールを実現するには、 general.smoothScroll.msdPhysics 設定を変更して、他の Web ブラウザと同様のより高速な動作をエミュレートします。​構成をより迅速に行うには、次の行を ~/.mozilla/firefox/your-profile/user.js に追加します。(再起動が必要):

user_pref("general.smoothScroll.lines.durationMaxMS", 125);
user_pref("general.smoothScroll.lines.durationMinMS", 125);
user_pref("general.smoothScroll.mouseWheel.durationMaxMS", 200);
user_pref("general.smoothScroll.mouseWheel.durationMinMS", 100);
user_pref("general.smoothScroll.msdPhysics.enabled", true);
user_pref("general.smoothScroll.other.durationMaxMS", 125);
user_pref("general.smoothScroll.other.durationMinMS", 125);
user_pref("general.smoothScroll.pages.durationMaxMS", 125);
user_pref("general.smoothScroll.pages.durationMinMS", 125);

​また、マウスホイールのスクロール設定も、スムーズに反応するように変更する必要があります。:

user_pref("mousewheel.min_line_scroll_amount", 30);
user_pref("mousewheel.system_scroll_override_on_root_content.enabled", true);
user_pref("mousewheel.system_scroll_override_on_root_content.horizontal.factor", 175);
user_pref("mousewheel.system_scroll_override_on_root_content.vertical.factor", 175);
user_pref("toolkit.scrollbox.horizontalScrollDistance", 6);
user_pref("toolkit.scrollbox.verticalScrollDistance", 2);

​パフォーマンスで問題が発生した場合は、mousewheel.min_line_scroll_amount を修正してみてください。

​バックスペースの動作を設定する

こちらを参照. バックスペースが '戻る' ボタンとして機能しない

マウスの中ボタンのクリップボードペーストを無効にする

こちらを参照. Middle-click_behavior

Emacs キーバインディング

​テキストフィールドで Emacs/Readline に似たキー割り当てを有効にするには、Emacs キーバインド を参照してください。

その他

ハードウェアビデオデコーディングを強制的に有効にする

media.hardware-video-decoding.enabled はデフォルトで有効になっていますが、media.hardware-video-decoding.force-enabled を設定してハードウェアビデオデコードを強制的に有効にする必要がある場合があります。 true にして下さい。

フルスクリーンの警告を無効化

フルスクリーンモードにしたときに表示される警告は about:config で "full-screen-api.warning.timeout" を 0 に設定することで無効にできます。

Firefox 検索バーの検索エンジンの順番を変更

検索エンジンが表示される順番を変えるには:

  • 検索エンジンのドロップダウンリストを開いて Manage Search Engines... エントリをクリック。
  • 移動したい検索エンジンを選択して Move UpMove Down で移動します。ドラッグアンドドロップで移動することも可能です。

Abiword や LibreOffice Writer で *.doc を自動的に開く方法

Preferences > Applications を開いて Word Document (または Word 2007 Document*.docx) を検索してください。見つけたら、ドロップダウンリストをクリックして Use other... を選択してください。そして Abiword や Writer の実行可能ファイルのパスを指定してください (/usr/bin/abiword/usr/bin/lowriter)。

"I'm Feeling Lucky" モード

検索エンジンによっては "feeling lucky" 機能が存在することがあります。例えば、Google には "I'm Feeling Lucky" があり、DuckDuckGo には "I'm Feeling Ducky" があります。

機能を有効化するには:

  1. アドレスバーに about:config と入力。
  2. keyword.url という文字列を検索。
  3. 値を検索エンジンの URL に設定。

Google の場合、次のように設定:

https://www.google.com/search?btnI=I%27m+Feeling+Lucky&q=

DuckDuckGo の場合、次のように設定:

https://duckduckgo.com/?q=\

DNSSEC で DNS をセキュア化

DNSSEC のサポートを有効にすることでブラウジングを安全にすることができます。

マグネットプロトコルの関連付けの追加

about:confignetwork.protocol-handler.expose.magnetfalse に設定してください。

次にマグネットリンクを開いたとき、Launch Application ダイアログが表示されます。ダイアログから、使いたい torrent クライアントを選択してください。他のプロトコルも同じように設定できます。

突然終了してしまうのを防ぐ

Disable Ctrl-Q Shortcut 拡張をインストールすることでブラウザを不注意に閉じてしまうことを防止できます。

もしくはウィンドウマネージャの設定ファイルにルールを追加する方法もあります。例えば openbox なら ~/.config/openbox/rc.xml ファイルの <keyboard> セクションに以下を追加してください:

 <keybind key="C-q">
   <action name="Execute">
     <execute>false</execute>
   </action>
 </keybind>
ノート: 上記の設定はグラフィックサーバーで動作する全てのアプリケーションに適用されます。

スクロールがギクシャクしている

Firefox でのスクロールが"ガタガタ"あるいは"ムラがある"と感じられることがあります。MozillaZine が Gentoo でスクロールを修正する設定を投稿していますが、Arch Linux でも同じように直ることが報告されています:

  1. mousewheel.min_line_scroll_amount を 40 に設定
  2. general.smoothScrollgeneral.smoothScroll.pagesfalse に設定
  3. image.mem.min_discard_timeout_ms を 2100000000 のように大きな値に設定、ただし 2140000000 を超えてはならない。この値よりも上の値に設定してしまうと Firefox は次のエラーを吐きます: "The text you entered is not a number"。
  4. image.mem.max_decoded_image_kb を最低でも 512K に設定

これでスクロールがスムーズになるはずです。

nspawn コンテナの中で Firefox を実行

PID 1 で実行するには:

# systemd-nspawn --setenv=DISPLAY=:0 \
              --setenv=XAUTHORITY=~/.Xauthority \
              --bind-ro=$HOME/.Xauthority:/root/.Xauthority \
              --bind=/tmp/.X11-unix \
              -D ~/containers/firefox \
              firefox

もしくは systemd-networkd を使って systemd でネットワークを設定したコンテナを起動する場合:

# systemd-nspawn --bind-ro=$HOME/.Xauthority:/root/.Xauthority \
              --bind=/tmp/.X11-unix \
              -D ~/containers/firefox \
              --network-veth -b

コンテナを起動したら、以下のように Xorg ライブラリを実行してください:

# systemd-run -M firefox --setenv=DISPLAY=:0 firefox

WebRTC オーディオのポストプロセス処理を無効化

PulseAudio の module-echo-cancel を使用している場合、Firefox がポストプロセス処理を音声にかけないように設定すると良いでしょう。

オーディオのポストプロセス処理を無効化するには、以下のパラメータを設定
キー 説明
media.getusermedia.aec_enabled false AEC = 音響エコー除去 (Acoustic Echo Cancellation)
media.getusermedia.agc_enabled false AGC = 自動ゲインコントロール (Automatic Gain Control)
media.getusermedia.noise_enabled false ノイズ除去。Firefox のノイズ除去を無効にすると音がミッキーマウスのようになることがあります。

​Fido U2F 認証

​Firefox は Fido U2F 認証プロトコルをサポートしています。​必要な udev ルール用に libfido2 をインストールします。

ALSA に戻す

​Arch が Firefox を ac_add_options --enable-alsa でビルドし続ける限り、Firefox はシステム上で特別な設定なしに、そして (ただし、システムでパルスを使用していて、 Firefox がパルスを使用しないようにしたい場合はこの限りではない。) パルスなしに、正常に動作します。​以前は ioctl の syscall を許可しなければならず、デフォルトでは Firefox のサンドボックスでブロックされ、 about:config のALSA の設定 security.sandbox.content.syscall_whitelist で、正しい ioctl の syscall 番号にする必要がありました。これは x 86-64 では 16 x86-32 では 54 ですが、今ではそうではありません。​詳細については、こちらを参照してください:

[4] [5]

WebGL を強制的に使用可能にする

一部のプラットフォームでは、ユーザが WebGL を使用したい場合でも、 WebGL が無効になります [6] ​WebGL を強制的に有効にするには、webgl.force-enabledtrue に設定し、WebGL アンチエイリアシングも強制的に有効にするには、 webgl.msaa-forcetrue に設定します。

次のようなエラーが表示された場合:

libGL error: MESA-LOADER: failed to retrieve device information
libGL error: image driver extension not found
libGL error: failed to load driver: i915
libGL error: MESA-LOADER: failed to retrieve device information
...

​Firefox のバグ 1480755 で説明されている解決策を試してみてください:

参照. security.sandbox.content.read_path_whitelist to /sys/

Recommended by Pocket を有効にする

​"Recommended by Pocket" (設定 > ホーム > Firefox Home コンテンツ - "トップサイト" と "ハイライト" の間に) が表示されない場合は、browser.newtabpage.activity-stream.feeds.section.topstories および browser.newtabpage.activity-stream.feeds.system.topstories から true。​このオプションは 設定 には表示されませんが、新しく開いたタブ/ウィンドウ (Firefox Home に設定した場合) に Pocket recommendations が表示されるようになりました。

ダウンロードパネルを自動的に開かないようにする

Firefox 98 以降では、ダウンロードが開始されるたびに、ダウンロードパネル (進行中/最近のダウンロード) が常に開きます。

この動作を無効にするには、about:configbrowser.download.alwaysOpenPanel 設定を false に設定します。

参照