web-dev-qa-db-ja.com

Firefox Quantum（> = 57）すべてのツールバーを切り替える方法は？ （F11のようなキーボードショートカットを使用しますが、フルスクリーンではなくウィンドウ内にあります）

F11 /フルスクリーンは実用的でない場合があります*。ツールバーを切り替えたいだけです。
古いFirefoxバージョンでは、これはアドオン「Dorandokeyconfig」で可能でした。

1。スクリプトを指定します：

var s = document.getElementById('status-bar');
s.hidden = !s.hidden;
var b = document.getElementById('PersonalToolbar');
b.collapsed = !b.collapsed;
var nb = document.getElementById('nav-bar');
nb.collapsed =!nb.collapsed
var tb = document.getElementById('TabsToolbar');
tb.collapsed =!tb.collapsed

2。 Dorandoアドオンインターフェイスを介してキーボードショートカットにマップします

このアドオンは、Firefox57以降では使用できなくなりました。


質問:(どのように）Firefoxバージョン> = 57のWebextensionまたはアドオンを介してすべてのツールバーを切り替えることができますか？ （できればホットキーを使用して）

注：カスタムJavaScriptおよびCSSコードを実装できるアドオンを見つけました https://addons.mozilla.org/en-US/firefox/addon/custom-style-script/ わからない（見つかりませんでした： https://developer.mozilla.org/en-US/Add-ons/WebExtensions ）ツールバーのアドレス指定方法。

*別のウィンドウで、ただし最大ビデオサイズでチュートリアルを見たいと想像してください。または、Linux上の分割されたi3コンテナ内の最大screenrealestateの記事を読んでください...

update 02.2019長い間待って検索した後、ClairelyClairs answer シームが唯一の実行可能な方法です。しかし、それには欠点があります。だからここにそれへのいくつかのヒントがあります：

  • userChrome.cssがプロファイルの「chrome」ディレクトリに配置される新しいFirefoxプロファイルを作成します。
  • 通常のFirefoxプロファイルを開始してから、この2番目のプロファイルを追加で開始します。 firefox -p notoolbarsウェビナーなどを視聴する目的で。
  • 別のヒント：userChrome.cssの横でuserContent.cssを使用してバナーなどを無効にします（ mozillaZineの記事 および this を参照）
firefoxkeyboard-shortcutsbrowser-addonsfirefox-extensionsfirefox-57
3
eli

これはキーボードショートカットを提供しませんが、：hover疑似クラスを使用して、ウィンドウの上部にカーソルを合わせたときにナビゲーションボックス（ブラウザウィンドウの上部にあるツールバー）を自動表示できるようにすることができます。

これをuserChrome.cssに入れます：

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#navigator-toolbox {
    position: relative;
    z-index: 1;
    height: 3px;
    margin-bottom: -3px;
    overflow: hidden;
    transition-property: height;
    transition-delay: 1s;
    transition-duration: 2s;
}

#navigator-toolbox:hover {
    height: 62px;
    transition-property: height;
    transition-duration: 0.5s;
    transition-delay: 0s;
}

また、[カスタマイズ]の下の[タイトルバーを表示する]チェックボックスをオンにすることもできます。

結果： enter image description here

4
ClairelyClaire.msft

ClairelyClaire.msftの答え（これは素晴らしいです！）に基づいて、いくつかの改善点があります（userChrome.cssに追加してください）。

  • フォーカスがあるときにツールバーを表示したままにします（URLを入力しているときにツールバーが消えないようにします）。
  • ツールバーを完全に非表示にしますが、マウスイベントを受信し続けるため、ブラウザのタイトルバーは不要になります（[カスタマイズ]で[タイトルバーを表示]を有効にする必要はありません）。
  • コードでツールバーの高さを手動で指定する必要はありません（変更された場合の堅牢性も向上します）。
#navigator-toolbox {
    position: relative;
    z-index: 1;
    max-height: 7px;
    margin-top: 0px;
    opacity: 0;
    overflow: hidden;
    transition: max-height 2s ease 1s, opacity 3s step-end;
}

#navigator-toolbox:hover,#navigator-toolbox:focus-within {
    max-height: 100px;  /* must be somewhat larger than actual bar height */
    opacity: 1;
    transition: max-height 0.3s ease 0s, opacity 0s step-end;
}
1
Jotaf

次のキーシーケンスを試してください。 Alt-v, t, b

1
daveloyall