502

ツールは、デフォルトでクロームウィンドウの下部で開かれます。右側には十分な空きスペースがありますが、垂直方向のスペースはあまりないため、これはワイドスクリーンディスプレイにはかなり悪い選択です。残念ながら、ツールの位置を変更する方法が見つかりませんでした。ファイアバグと同じように、横に置いておきたいです。

私が欲しいものに似た唯一のオプションは、開発ツールを切り離し、chromeとツールウィンドウを並べて配置することです。これは、IDEからブラウザにすばやくAltキーを押しながら移動するのにはあまり便利ではないため、「統合された」ソリューションがあれば便利です。

4

9 に答える 9

916

Chrome46以降

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

Chrome45以前

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

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

于 2012-04-05T20:20:05.563 に答える
70

ブラウザのバージョンに応じて、ドックボタンにポインタを置き、それを長押し（数秒）するか、マウスの右クリックと左クリックを行います。

ここに画像の説明を入力してください ここに画像の説明を入力してください

于 2014-01-28T19:58:55.713 に答える
43

ドッキング位置（側面/底面）を切り替えるためのキーボードショートカット

CTRL+ SHIFT+D

そして、あなたが行くことによってそれらを見ることができる多くのショートカットがあります

設定»ここに表示されるショートカット：
設定のスクリーンショット

CTRLまたは、 +を使用?して設定に移動します。そこから、左側の[ショートカット]サブアイテムにアクセスするか、公式リファレンスを使用できます。

于 2015-03-24T02:00:12.747 に答える
18

これは、ウィンドウが重なっているアイコンと「別のウィンドウにドッキング解除」として左下に表示されているように見えます。ツールチップ。

ここに画像の説明を入力してください

于 2012-11-03T22:19:12.017 に答える
11

ドックを右側に配置した後（古い回答を参照）、パネルが垂直に分割されているのがわかりました。

パネルを水平方向に分割するには（さらに画面幅をさらに拡大するには）、[設定]（右下隅）に移動し、[右にドッキングしたときにパネルを垂直方向に分割する]チェックボックスをオフにします。

これで、左から右にすべてのパネルができました：p

于 2013-06-06T09:15:22.113 に答える
8

2014年10月現在、バージョン39.0.2171.27ベータ（64ビット）

Chrome Web Developperのパンで[設定]に移動し、右にドッキングしたときにパネルを垂直に分割するチェックボックスをオフにする必要がありました

于 2014-10-16T11:28:09.683 に答える
1

私が現在使用しているバージョン56.0.2924.87は、デスクトップを使用していない場合、DevToolsのドッキングを自動的に解除します。それ以外の場合は、新しい新しいChromeタブを開き、検査してDevToolsをウィンドウにドッキングします。

于 2017-03-30T13:01:20.057 に答える
1

Windowsを使用している場合、devtoolsが開いている間にいくつかのショートカットがあります。

Ctrl+ Shift+を押すとD、すべてのdevtoolsが左、右、下に順番にドッキングされます。

JSコンソールが消えて、開発ツール内で最下部にドッキングしたい場合は、Ctrl++を押しShiftます。F

于 2021-01-30T23:37:02.193 に答える
0

さらに、ソースとコンソールを1つのウィンドウに表示する場合は、次のURLにアクセスしてください。

「DevToolsのカスタマイズと制御->「コンソールドロワーの表示」

こちらの右隅にも表示されます。

于 2018-11-13T06:25:49.070 に答える