Google Chromeで要素ツールをドラッグ/再配置する方法は？
私はGoogleを使用していますChromeブラウザ。右クリック->要素の検査を行って、要素の検査ツールを開きました。これが現在画面に表示されているものです
要素検査ツールをブラウザ画面の下部に再配置/移動する方法はありますか？これを調べてみました https://www.google.com/#q=drag+and+drop+inspect+element が、要素検査ツールを開くショートカットの結果しか見つかりませんでした。
「閉じる」アイコンの横にある小さな「2つの四角」アイコンをクリックして押し続けることができるはずです。そうすると、DevToolsを一番下に移動するオプションが表示されます。
半分塗りつぶされた四角形はDevToolsを横/下に移動し、重なり合う四角形はブラウザから別のウィンドウにDevToolsをポップします。
私の答えはChrome 59に基づいていますが、現在のところそれ以前のバージョンに適用されています。
画像に示すように、右上の縦に3つ並んだ点をクリックすると、下のメニューが表示され、好みの配置をクリックできます（濃いボックスの部分は、ツールバーを配置する場所を示しています）。あなたの場合、一番下の配置のアイコンを選択してください。
Inspect elementの閉じるアイコンの直前に、ドッキングアイコンがあります。
ドッキングが単一のボックスアイコンのような場合は、クリックして検査要素を下と右に切り替えます。
ドッキングアイコンがダブルボックスアイコンのような場合は、アイコンを押したまま、カーソルをシングルボックスアイコンに移動します（アイコンを押すとすぐに表示されます）。
詳細については こちら をご覧ください。