Chrome デベロッパー ツールの位置を変更する方法 質問する

Chrome デベロッパー ツールの位置を変更する方法 質問する

ツールは、デフォルトでは Chrome ウィンドウの下部に開きます。これは、右側に十分な空きスペースがあるものの、垂直方向のスペースがあまりないため、ワイド スクリーン ディスプレイにはあまり適していません。残念ながら、ツールの位置を変更する方法が見つかりませんでした。Firebug のように、ツールを横に表示したいです。

私が求めているものに似た唯一のオプションは、開発ツールを切り離し、Chrome とツール ウィンドウを並べて配置することです。ただし、これは IDE からブラウザーへ、そしてブラウザーから IDE へ Alt キーを押しながらタブで素早く切り替えるのにはあまり便利ではないので、「統合」されたソリューションが望ましいでしょう。

ベストアンサー1

Chrome 46以降

縦の省略記号ボタン ( ⋮ ) をクリックし、目的のドッキング オプションを選択します。

Chrome 45 以前

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

HTML パネルと CSS パネルの分割を変更するには、DevTools で [設定 (F1)] > [全般] > [外観] > [パネル レイアウト] に移動します。

おすすめ記事