Chromeデベロッパーツールの位置を変更する方法
デフォルトでは、ツールはクロムウィンドウの下部に表示されます。右側には十分な空きスペースがありますが、余裕を持たせるための垂直スペースはそれほど多くないため、これはワイドスクリーンディスプレイにはかなり悪い選択です。残念ながら、ツールを配置し直す方法はありません。私はそれらを側面に持っていたいのですが、それはfirebugと同じです。
私が欲しいものと似ている唯一のオプションは、開発ツールを切り離して、クロムとツールウィンドウを並べて配置することです。 IDEからブラウザにすばやく移動したり、戻ったりするのにすばやくalt-tabbingするにはこれはあまり便利ではありません。そのため、「統合された」ソリューションがいいでしょう。
Chrome 46以降
縦の省略記号ボタン（⋮）をクリックしてから、目的のドッキングオプションを選択します。
Chrome 45以上
右上にあるドックアイコンを長押しします。ドッキングを変更するオプションが表示されます
HTMLパネルとCSSパネルの分割を変更するには、DevToolsの[設定]（F1）> [一般]> [外観]> [パネルレイアウト]に移動します。
ブラウザのバージョンに応じて、ポインタをドックボタンの上に置き、長押し（数秒）するか、左右にクリックします。
ドッキング位置（側面/底面）を切り替えるためのキーボードショートカット
CTRL+SHIFT+D
そして、あなたがに行くことによってあなたがそれらを見ることができる多くの近道があります
ここに表示されているように設定"ショートカット：
あるいは、 CTRL + ? 設定に移動するには、そこから1つ左の "ショートカット"サブ項目に到達するか、 公式の参照 を使用することができます。
左下には、ウィンドウが重なっているアイコンと「別ウィンドウにアンドックする」というアイコンが表示されています。ツールチップ。
私のドックを右に置いた後（古い答えを見てください）、私はまだパネルが垂直に割れているのを見つけました。
パネルを水平に分割するには（そして画面幅からもっと大きくするには）、設定（右下隅）に行き、 '右にドッキングしたときにパネルを分割する'のチェックを外します。
これで、左から右にすべてのパネルができました。p
2014年10月現在、バージョン39.0.2171.27ベータ版（64ビット）
Chromeウェブデベロッパの「設定」に移動し、 右にドッキングしたときにパネルを縦に分割する
私が今いるバージョン56.0.2924.87は、あなたがデスクトップにいないのであれば、DevToolsを自動的にドッキング解除します。それ以外の場合は、新しい新しいChromeタブを開いて、DevToolsをドッキングしてウィンドウに戻します。
さらに、ソースとコンソールを1つのウィンドウに表示する場合は、次のサイトにアクセスしてください。
"DevToolsのカスタマイズと制御 - >"コンソール引き出しの表示 "
右隅にも表示されます。
