Firefox でコンテキスト メニューを編集する。 Firefox のコンテキスト メニュー

23.04.2019 モバイルインターネット

とインターフェース Firefox Quantum userChrome.css ファイルのおかげで、引き続きカスタマイズ可能です。 このファイルを編集して、不要なメニュー項目を非表示にしたり、タブ バーをナビゲーション バーの下に移動したり、ブックマーク バーに複数行を表示したり、その他の不可能なことを行うことができます。

使い方

userChrome.css ファイルは、Firefox が使用するカスケーディング スタイルシート (CSS) ファイルです。 通常、スタイル シートは Web ページに適用されますが、このスタイル シートは Web ページにも適用されます。 ユーザーインターフェースファイアフォックス。 それはあなたが変更することを可能にします 外観 Web ページを囲むすべての場所。 機能を追加することはできません。 既存のもののみを変更できます (変更、非表示、または移動)。

これは関係ありません グーグルクローム. 「Chrome」は、Google Chrome の名前の由来となった Web ブラウザーのユーザー インターフェイスを指します。

userChrome.css ファイルは Firefox で長い間使用されてきましたが、それ以降、新しい意味を持つようになりました。 Firefox の使用量子。

以前はブラウザーのアドオンで可能だった多くのカスタマイズは、userChrome.css ファイルを編集することによってのみ実行できるようになりました。

設定を探す場所

自分で作成することもできますが、 自分の設定 CSS コードと Firefox インターフェースの設計方法を理解していれば、オンラインで設定を見つけることもできます。 特定の変更を加えたい場合は、おそらく他の誰かが既にその方法を理解し、コードを書いています。

役立つリソースを次に示します。

  • userChrome.org からの微調整: ショートリスト 面白い設定、userChrome.css の威力を示しています。
  • 従来の CSS の微調整: Firefox Quantum では動作しなくなった Classic Theme Restorer 拡張機能の作成者による userChrome.css 設定リポジトリ。
  • userChrome 微調整:興味深い Firefox 設定のコレクション。
  • Reddit の Firefox CSS:このサブレディットは、設定について話し合うためのコミュニティです。 subreddit を使用して、他の人の微調整を見つけたり、他のユーザーが共有しているものを確認したり、必要な微調整が見つからない場合は助けを求めることもできます。
  • コンテキスト メニューを編集するためのガイドライン:コンテキストから要素を削除するための指示 Firefox メニュー CSS Firefox から取得した、リスト内の順序の変更。

古いバージョンの Firefox ではインターフェースが異なることに注意してください。 オンラインで見つけた古い userChrome.css の微調整は、Firefox 57 以降 (Firefox Quantum とも呼ばれます) では機能しない場合があります。

CSS で何をしているかわかっている場合は、ブラウザのツールバーを有効にして確認できます。 Firefox ブラウザ. これにより、設定に必要な情報が提供されます。 さまざまな要素ネイティブ CSS コードを使用したブラウザー インターフェイス。

userChrome.css ファイルの作成方法

userChrome.css ファイルはデフォルトでは存在しないため、試してみたい設定が 1 つまたは 2 つある場合は、最初に Firefox プロファイル フォルダーの適切な場所にファイルを作成する必要があります。

フォルダを実行するには Firefox プロフィールで、[メニュー] > [ヘルプ] > [Firefox のトラブルシューティング情報] をクリックします。

プロファイル フォルダの右側にある [フォルダを開く] ボタンをクリックして開きます。 ( 指示に従う Windows ではプロセスを表示しますが、Mac OS と Linux ではほぼ同じです。別のプロセスを使用するだけです。 ファイルマネージャーテキストエディタ.)

表示されるプロファイル フォルダーに「chrome」という名前のフォルダーが表示された場合は、それをダブルクリックします。 ただし、このフォルダーは最新バージョンの Firefox では作成されないため、おそらくそうする必要はありません。

フォルダを作成するには、 右クリックマウスオン フリースペースをクリックし、[新規] > [フォルダー] を選択します。 「chrome」という名前を付け、「Enter」を押してからダブルクリックします。

まだ行っていない場合は、Windows にファイル拡張子を表示するように指示する必要があります。 Windows は、作業を簡単にするために、既定でファイル拡張子を非表示にします。 この手順は、デフォルトでこの情報を表示する macOS または Linux では必要ありません。

Windows 8 または 10 では、[表示] タブをクリックして、[ファイル名拡張子] ボックスをオンにするだけで表示できます。 Windows 7 では、[整理] > [フォルダーと検索のオプション] をクリックし、[表示] タブをクリックして、[既知のファイルの種類の拡張子を非表示にする] をオフにします。

ここで、実際には空のファイル userChrome.css を作成します テキストファイル.txt 拡張子の代わりに .css 拡張子を使用します。

これを行うには、空のスペースを右クリックし、[新規] > [ テキスト文書"。 .txt 拡張子を削除して、「userChrome.css」という名前を付けます。

Windows は、ファイル拡張子を変更しようとしていることを警告します。 特定のタイプファイル。 「はい」をクリックして変更を確認します。

MacOS または Linux では、同じ名前の空のテキスト ファイルを作成します。

userChrome.css ファイルの編集方法

userChrome.css ファイルは、任意のテキスト エディターを使用して編集できます。 テキストエディタに含まれるメモ帳 Windowsの構成、 よく働く。 より強力なテキストエディタが必要な場合 大量関数、次に Notepad++ を試してください。

メモ帳でファイルを編集するには、ファイルを右クリックして [編集] を選択します。

保持したい設定をコピーして貼り付けて追加します。 複数の設定を追加する場合は、それらをすべて独自の行に追加してください。

完了したら、[ファイル] > [メモ帳に保存] をクリックしてファイルを保存します。
userChrome.css ファイルを編集するたびに、開いているものをすべて閉じる必要があります。 Firefox ウィンドウ Firefox を再起動して、変更を有効にします。

「chrome」フォルダーに戻って userChrome.css ファイルを編集することが多い場合は、そのフォルダーのデスクトップ ショートカットを作成するか、「 高速アクセス» エクスプローラーで。

userContent.css ファイル

Firefox には、編集可能な userContent.css ファイルもあり、userContent.css ファイル用であると言ういくつかの設定に遭遇する場合があります。

このファイルを使用するには、chrome フォルダーに「userContent.css」というファイルを作成するだけです。 このファイルに加えた微調整は、Firefox の内部の「コンテンツ ページ」に影響します。 新しいタブ」および「設定」。

何かが壊れたら

設定で問題が発生した場合は、単純に userChrome.css ファイルから削除して Firefox を再起動できます。 それでもうまくいかない場合は、userChrome.css ファイルを完全に削除し、ブラウザを再起動してすべての変更を消去し、 新しいインターフェースファイアフォックス。

Aptana Studio 3 というプログラムをインストールしました。コンテキスト メニューにメニュー項目を追加しました (右クリックすると、[Aptana Studio] オプションが表示されます)。 これをメニューから手動で削除するにはどうすればよいですか?

高低を検索しましたが、Firefox から Aptana のものを削除する方法が見つかりません。 Firefox 4 を使っているからかもしれません。

概要:構成

次に、Aptana を検索したところ、3 つの項目がリストされています。 スクリーンショットを添付しました。

メニューからオプションが削除される可能性があるため、これらのアイテムを削除する方法が私の質問です。

基本的には、[ツール] > [ツール] に移動するだけです。

[!d4]

このコンテキスト メニューが Firefox に表示されることを考えると、Aptana がインストールされている可能性が高いと思われます。 Firefox 拡張機能.

これは、削除プロセスを説明しています。

基本的には、Firefox の [ツール] > [アドオン] に移動するだけです。 そこには、Aptana に関連する拡張機能がいくつかあるはずです。これはおそらく「デバッガー」と呼ばれています。 拡張機能を無効にするか削除することができます - 結果は同じです。

編集: Aptana が Firebug の外部エディターとして (自動的に?) 追加されました。 about:config の編集はオプションですが、外部エディターを編集する「正しい」方法は、Firebug の「エディター設定」ウィンドウにあります。このウィンドウは、エディターの詳細オプションとしてコンテキスト メニューに表示されるか、Firebug のメイン メニューから見つけることができます。

このコンテキスト メニューが Firefox に表示されることを考えると、Aptana が Firefox 拡張機能をインストールした可能性が高いと思われます。

これは、削除プロセスを説明しています。

基本的には、Firefox の [ツール] > [アドオン] に移動するだけです。 そこには、Aptana に関連する拡張機能がいくつかあるはずです。これはおそらく「デバッガー」と呼ばれています。 拡張機能を無効にするか削除することができます - 結果は同じです。

編集: Aptana が Firebug の外部エディターとして (自動的に?) 追加されました。 about:config の編集はオプションですが、外部エディターを編集する「正しい」方法は、Firebug の「エディター設定」ウィンドウにあります。このウィンドウは、エディターの詳細オプションとしてコンテキスト メニューに表示されるか、Firebug のメイン メニューから見つけることができます。

このコンテキスト メニューが Firefox に表示されることを考えると、Aptana が Firefox 拡張機能をインストールした可能性が高いと思われます。

これは、削除プロセスを説明しています。

基本的には、Firefox の [ツール] > [アドオン] に移動するだけです。 そこには、Aptana に関連する拡張機能がいくつかあるはずです。これはおそらく「デバッガー」と呼ばれています。 拡張機能を無効にするか削除することができます - 結果は同じです。

編集: Aptana が Firebug の外部エディターとして (自動的に?) 追加されました。 about:config の編集はオプションですが、外部エディターを編集する「正しい」方法は、Firebug の「エディター設定」ウィンドウにあります。このウィンドウは、エディターの詳細オプションとしてコンテキスト メニューに表示されるか、Firebug のメイン メニューから見つけることができます。

このコンテキスト メニューが Firefox に表示されることを考えると、Aptana が Firefox 拡張機能をインストールした可能性が高いと思われます。

これは、削除プロセスを説明しています。

基本的には、Firefox の [ツール] > [アドオン] に移動するだけです。 そこには、Aptana に関連する拡張機能がいくつかあるはずです。これはおそらく「デバッガー」と呼ばれています。 拡張機能を無効にするか削除することができます - 結果は同じです。

編集: Aptana が Firebug の外部エディターとして (自動的に?) 追加されました。 about:config の編集はオプションですが、外部エディターを編集する「正しい」方法は、Firebug の「エディター設定」ウィンドウにあります。このウィンドウは、エディターの詳細オプションとしてコンテキスト メニューに表示されるか、Firebug のメイン メニューから見つけることができます。

このコンテキスト メニューが Firefox に表示されることを考えると、Aptana が Firefox 拡張機能をインストールした可能性が高いと思われます。

これは、削除プロセスを説明しています。

基本的には、Firefox の [ツール] > [アドオン] に移動するだけです。 そこには、Aptana に関連する拡張機能がいくつかあるはずです。これはおそらく「デバッガー」と呼ばれています。 拡張機能を無効にするか削除することができます - 結果は同じです。

編集: Aptana が Firebug の外部エディターとして (自動的に?) 追加されました。 about:config の編集はオプションですが、外部エディターを編集する「正しい」方法は、Firebug の「エディター設定」ウィンドウにあります。このウィンドウは、エディターの詳細オプションとしてコンテキスト メニューに表示されるか、Firebug のメイン メニューから見つけることができます。

このコンテキスト メニューが Firefox に表示されることを考えると、Aptana が Firefox 拡張機能をインストールした可能性が最も高いと思われます。

1) に移動: 構成

2) アプタナを見つける [!d2 ]

Firefox 4 のコンテキスト メニューから Aptana Studio メニュー項目を削除する私の解決策は、

1) に移動: 構成

2) アプタナを見つける

3)各エントリ(3である必要があります)で右クリックしてリセットを選択します

ネイティブ コンテキスト メニューが Web ページ インターフェイスで使用されることはめったにありません。 結局のところ、一部の要素では、マウスの左ボタンではなく右ボタンでクリックしてリストから項目を選択する必要があることは、ユーザーにはまったく明らかではありません。 さらに、すべてのサイト訪問者がマウスの右ボタンを使用することを好むわけではなく、スマートフォンではまったく存在せず、模倣のみです。 これらの機能にもかかわらず、HTML5 では独自のコンテキスト メニューを作成できます。これはこれまで Firefox でのみ実装されており、非常に特殊です。

まず、それらが一般的にどのように作成されるかを見てみましょう さまざまなメニュー. これを行うには、タグの組み合わせを使用します

(例 1)。

例 1 コンテキストメニュー

HTML5 IE Cr Op Sa Fx

コンテキストメニュー

contextmenu 属性は、メニューがコンテキスト メニューであり、同時にタグを指していることを示します。

指定された ID (で この場合編集 )。 これまでのところ、Firefox を含め、上記の例を理解できるブラウザーはありません。 タグの代わりに彼のために カスタムタグを挿入 (例 2)。

例 2: Firefox のメニュー

HTML5 IE Cr Op Sa Fx

コンテキストメニュー

コードは無効であることが判明しましたが、Firefox で画像をクリックすると表示されます 美しいメニュー(図1)。

米。 1. コンテキスト メニュー

このメニューが機能していない間 ちゃんとということで、変更してみましょう。 まず、icon 属性を使用してメニュー項目の横にアイコンを追加して、メニューがよりきれいになるようにします。 値は、への相対パスまたは絶対パスです。 グラフィックファイル. 次に、メニュー項目をクリックしたときに何らかのアクションが発生することを確認する必要があります。 これを行うには、onclick イベントを使用し、それを使用して呼び出します。 欲しい機能. 例 3 は、テキストのコンテキスト メニューの作成を示しています。その中で [編集] を選択すると、テキストを編集できます。 実際には、edit () 関数が呼び出されると表示される非表示のテキスト フィールドが使用されますが、テキスト自体は編集中に非表示になります。 Enter キーを押すと、フォームのテキストがテキスト段落の代わりに挿入され、それを支配したのは私たちであるという印象を与えます。 編集が完了すると、フォームは再び非表示になります。

例 3: テキスト編集

HTML5 IE Cr Op Sa Fx

コンテキストメニュー

サンプルテキスト

新しいメニューのビューを図に示します。 2.

米。 2. アイコンメニュー

例からわかるように、コンテキスト メニューを作成することは、他のインタラクティブな要素を作成することと同じです。 メニュー項目がクリックされると、onclick ハンドラーを使用して関数が呼び出され、この関数が目的の処理を実行します。 Firefox 8 は HTML5 コンテキスト メニューをサポートする最初のブラウザーでしたが、Firefox 開発者がメニュー用に独自のカスタム タグを導入した理由は驚くべきものです . イベントの開発にはいくつかのオプションがあります。

  • 鬼ごっこ HTML5 仕様に追加されます。
  • このタグは廃止され、今後サポートされなくなります Firefox のバージョン;

タグが含まれている他のブラウザの応答を待つだけです がついに実装され、それに基づくさまざまなメニューが実装されます。

最も多くの1つ 重要な変更最近リリースされたインターフェース 安定版 モジラ ファイアフォックス 32はコンテキストメニューの修正でした。 それは、メニューの一部のテキスト要素が、その上部にあるグラフィック サムネイルに置き換えられたという事実にあります。 特に、ページを前後に移動するためのオプション、およびページを更新してブラウザのブックマークに追加するためのオプションは、このような置き換えを受けました。

一般に、この変更は非常に有用であると考えられます。 第一に、この決定により、ユーザーがおそらくサードパーティのアドオンのオプションを追加するコンテキスト メニューの長さを短縮することが可能になり、第二に、メニュー自体が美的観点からより魅力的になりました。 ただし、Firefox ユーザーの中には、更新されたメニューがあまり魅力的ではない人もいます。 グラフィックデザインのメニューはテキストメニューよりも読み込みが遅いと主張する人もいます.

もちろん、Firefox の開発者もサードパーティのアドオンの作成者も、このようなシナリオを想定していたので、ユーザーが新旧どちらのメニューを使用するかを選択できるようにしました。 つまり、更新されたメニューが気に入らない場合は、2 つの方法のいずれかで簡単に以前の形式に戻すことができます。

クラシック テーマ リストアラー

Classic Theme Restorer と呼ばれるよく知られたアドオンを使用して、Firefox のデザインを復元できます。 アドオンをインストールしたら、その設定に移動する必要があります。[メイン インターフェイス] セクションで、[ページ上のコンテキスト メニューで、アイコンをラベルに置き換える] オプションを見つけて有効にします。


コンテキスト メニューのアイコンが消え、メニュー自体が桁違いに長くなります。 さらに、 インストール クラシックにある Theme Restorer タブ 最新バージョン Firefox の外観は丸みを帯びていましたが、再び狭くなり、厳密に長方形になります。

残念ながら、「フル」テーマを使用して Firefox インターフェースを設計している場合、この方法では望ましい結果が得られません。 これは、メニューの古い外観のために美しさを犠牲にしなければならないという意味ではありません. 使用する 定期的な話題「競合」は発生しません。

メニュー ウィザード




2 番目の方法は最初の方法と同じくらい簡単ですが、今回は Theme Restorer の代わりに Menu Wizard アドオンを使用します。 アドオンをインストールしたら、その設定に移動し、[メイン コンテキスト メニュー] リストを開き、次の項目のチェックを外します。

  • コンテキスト戻る
  • コンテキストフォワード
  • コンテキストのリロード
  • コンテキスト停止

メニュー ウィザード アドオンはあらゆるテーマで動作します。さらに、コンテキスト メニュー自体からサムネイルをすばやく表示および非表示にすることができます。 確かに、Menu Wizard には 1 つの欠点があります。 メニュー アイコンは、Theme Restorer を使用する場合のようにテキストにすることはできず、非表示にすることしかできません。


助けになるヒント Mozilla Firefox ユーザー向け
1. Web ページ上の任意の単語をすばやく検索するには、「/word」と入力します。スラッシュは関数を呼び出します クイック検索、検索された単語が強調表示され、Ctrl + G を押してこの単語を「再検索」します。

2. アドレス バーのドロップダウン メニューからリスト項目を削除する場合は、カーソルで強調表示し、Shift + Delete キーを押します。

3. ダウンロード マネージャーがより適切に機能するように、ダウンロード履歴を定期的にクリアします。これは、英語版のブラウザーで設定されています。 オプション | プライバシー、およびロシア化 - ここ: ツール | 設定 | ダウンロード。

4. アドレス バーに about:cache?device=disk と入力して、そこにあるオブジェクトを表示/保存します。 ディスクキャッシュファイアフォックス。

5. アドレス バーに「about:cache?device=memory」と入力して、Firefox キャッシュの項目を表示/保存します。

7. ブックマークを誤って削除して復元したい場合は、ブックマーク マネージャを開いて Ctrl+Z を押すか、メニューから [編集] | [編集] を選択します。 元に戻す (編集 | キャンセル)。

8. ダブルタップタブバー (Tab Bar) の空白部分をクリックすると、新しいタブが開きます。

9. 「Ctrl」キーを押しながらコンテキストメニュー「画像を表示」(画像を表示)または「画像を表示」を右クリック 背景画像」 (背景画像の表示) をクリックして、新しいタブまたはウィンドウで画像を開きます。

10. ブックマーク フォルダを別の場所にドラッグすることもできますが、[Shift] キーを押したままにする必要があります。

11. Web サイトが右クリック コンテキスト メニューを置き換え/変更しないようにするには、[ツール] > [オプション] > [Web 機能] に移動し、[フロント タブ] 行をクリックして、[コンテキスト メニューの削除または置き換え] メニューの選択を解除します。 Firefox 2 の場合: [ツール] > [オプション] > [コンテンツ] > [詳細] ([ツール] > [設定] > [コンテンツ] > [詳細])。

12. Firefox をオフラインで使用できます。[ファイル] > [オフラインで作業] ([ファイル] > [オフラインで作業]) の順に開くだけです。 これは、以前に開いたページをオフラインで表示することもできることを意味します。これは優れた機能ですが、使用している人はほとんどいません。

13.あなたは置くことができます ページを開くアイコンをロケーションバーからブックマークフォルダーにドラッグして、ブックマークに追加します。 デスクトップにドラッグして、このページのアイコンを作成することもできます。

14. アニメーション画像の再生を停止するには GIF形式、「ESC」ボタンを押します。

さらに… のキーボード ショートカット 便利な操作キーボードからFirefoxで!
- タブを閉じる: Ctrl+W Ctrl+F4
- ウィンドウを閉じる: Ctrl+Shift+W Alt+F4
- 新しいタブ: Ctrl+T
- 新しいウィンドウ: Ctrl+N
— タブの選択 (1 ~ 8): Ctrl+(1 —
- 選ぶ 最後のタブ: Ctrl+9
- すべてのタブをブックマーク フォルダに配置: Ctrl+Shift+D
— アドレスバーの選択: Ctrl+L F6 Alt+D
- アドレスを新しいタブで開く: Ctrl+Enter
- ウェブ検索: Ctrl+E Ctrl+K
次のタブ: Ctrl+Tab Ctrl+Page Down
前のタブ: Ctrl+Shift+Tab Ctrl+Page Up