web-dev-qa-db-ja.com

Chromeデベロッパーツールを新しいウィンドウで開く方法

Chromeデベロッパーツールを使用しようとすると、新しいウィンドウで表示できなくなります。

これはバグですか?それとも本当に更新における意図的な変更でしたか?

Chromeデベロッパーツールを新しいウィンドウで開く方法

これは私が話しているもののスクリーンショットです。

enter image description here

238
Abel Callejo

Chrome 52以降、UIは変更されました。 「開発者ツール」ダイアログが開いたら、縦の省略記号を選択してからドッキング位置を選択できます。

enter image description here

左側のアイコンをクリックして、Chromeデベロッパーツールを新しいウィンドウで開きます。 multiple windows icon


以前に

[別ウィンドウにアンドック]オプションを表示するには、開発者ツールの閉じるボタンの横にあるボタンをクリックしたままにします

enter image description here

注意:その状態では「プレス」だけでは不十分です。

408
Kyle Hale

enter image description here

  1. 右上の3つの点をクリックしてください - >
  2. 「別ウィンドウでアンドック」アイコンをクリック
6

もう一方のアイコンが表示されるまでクリックしたままにしてから、マウスをそのアイコンまでスライドさせます。

4
user1585204

グーグルクロムでctrl + shift + Iとタイプするだけで、孤立した開発者ウィンドウが表示されます。

1
meap4aa