web-dev-qa-db-ja.com

Google Chromeで要素ツールをドラッグ/再配置する方法は?

私はGoogleを使用していますChromeブラウザ。右クリック->要素の検査を行って、要素の検査ツールを開きました。これが現在画面に表示されているものです

enter image description here

要素検査ツールをブラウザ画面の下部に再配置/移動する方法はありますか?これを調べてみました https://www.google.com/#q=drag+and+drop+inspect+element が、要素検査ツールを開くショートカットの結果しか見つかりませんでした。

9

「閉じる」アイコンの横にある小さな「2つの四角」アイコンをクリックして押し続けることができるはずです。そうすると、DevToolsを一番下に移動するオプションが表示されます。

screenshot

半分塗りつぶされた四角形はDevToolsを横/下に移動し、重なり合う四角形はブラウザから別のウィンドウにDevToolsをポップします。

16
Doorknob

私の答えはChrome 59に基づいていますが、現在のところそれ以前のバージョンに適用されています。

画像に示すように、右上の縦に3つ並んだ点をクリックすると、下のメニューが表示され、好みの配置をクリックできます(濃いボックスの部分は、ツールバーを配置する場所を示しています)。あなたの場合、一番下の配置のアイコンを選択してください。

Move Doc to bottom in Chrome 59

3
Rahul Thube

Inspect elementの閉じるアイコンの直前に、ドッキングアイコンがあります。
ドッキングが単一のボックスアイコンのような場合は、クリックして検査要素を下と右に切り替えます。
ドッキングアイコンがダブルボックスアイコンのような場合は、アイコンを押したまま、カーソルをシングルボックスアイコンに移動します(アイコンを押すとすぐに表示されます)。
詳細については こちら をご覧ください。

0
user5329389