1. ホーム
  2. google-chrome

[解決済み] Chromeデベロッパーツールの位置を変更する方法

2022-03-21 21:06:30

質問

ツールはデフォルトでクロームウィンドウの下部に表示されます。これは、右側には十分な空きスペースがありますが、縦方向のスペースがあまりないため、ワイド画面ディスプレイにはかなり不向きな選択です。残念ながら、ツールの位置を変更する方法は見つかっていません。私は、firebugのように、それらを横に置きたいと思います。

私が望むものに近い唯一の選択肢は、開発ツールを切り離し、クロームとツールウィンドウを横に並べて配置することです。これは、IDEからブラウザに素早くaltタブで移動するのにはあまり便利ではないので、統合されたソリューションがあればいいと思います。

解決方法は?

Chrome 46 以降

垂直方向の省略記号ボタン ( ⊖ ) をクリックし、希望のドッキング オプションを選択します。

Chrome 45 以上

右上のドックアイコンを長押しします。ドッキングを変更するためのオプションがポップアップ表示されます。

HTMLパネルとCSSパネルの分割を変更するには、DevToolsの「設定(F1) > 一般 > 外観 > パネルレイアウト」に進みます。