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

250

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

これはバグですか、それとも本当にアップデートの意図した変更ですか？

Chromeデベロッパーツールを新しいウィンドウで開くにはどうすればよいですか？

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

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

google-chrome google-chrome-devtools

— アベル・カジェホ
ソース

11

@AbelMelquiadesCallejo オプションを表示するには、クリックしてホールドする必要があります。

— katalin_2003 14年

2

こんにちは、ノート、ここのLinuxボックスでは、マウスの左ボタンを押したままにし、マウスホイールでクリックして、ドッキングを解除する必要がありました。

— Bob Barker

実際には簡単なボタンを覚えていますが、今はそれを行う方法をグーグルに強制したのはばかげています。

— alexander_ch

同様に：stackoverflow.com/questions/3936925/...

— ヴェンカト

426

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

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

以前は

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

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

~~注：「プレス」はその状態では十分ではありません。~~

— カイル・ヘイル
ソース

18

その状態では「プレス」では不十分です。[ 別のウィンドウにロック解除]オプションを表示するには、ボタン（閉じるボタンの左側）をクリックして押したままにする必要があります。

— katalin_2003 14年

5

はい、click and hold（Chrome for Windows、バージョン39.x for x64を使用しています）。

— 2014

5

常に新しいウィンドウで開く方法はありますか？以前はオプションがありましたが、39.0.2171.95では見つかりません。

— user3285954 2015年

94

なんとひどいUIの決定; それがもっと発見できないかもしれないとは思いません。先端をありがとう！

— Joshua Jabbour、2015年

2

2016年中頃の時点で、ドッキングオプションを表示するには垂直の楕円をクリックするだけでよく、クリックして押し続ける必要がなくなります。

— クリスB

8

右上の3つのドットをクリックします->
「別のウィンドウにドッキング解除」アイコンをクリックします

— фымышонок
ソース

3

他のアイコンが表示されるまでクリックして押したままにし、マウスをアイコンまで下にスライドさせます。

— ユーザー1585204
ソース

1

Google Chromeでctrl + shift + Iと入力するだけで、分離された開発者ウィンドウが表示されます。

— かさばるパンダ
ソース

5

これは、chrome-developer-toolsがすでに新しいウィンドウで開くように設定されている場合にのみ機能します

— Abel Callejo

1

DevToolsを開く必要がある場合は、ctrl-shift-iを押します。ます。

DevToolsウィンドウがすでに開いている場合は、ctrl-shift-dショートカットを使用できます。ウィンドウを分離モードに切り替えます。

たとえば、私の場合、電子アプリケーションウィンドウ（Chrome）は本当に小さいです。

ctrl-shift-dショートカット以外の提案を使用することはできません

— ローマポドリノフ
ソース

私はこの答えを試したところ、Windowsでうまく機能するようです。Macでも試してみましたが、ショートカットが異なります。DevToolsを開き（cmd + option + i）、別のドック側に切り替えます（cmd + shift + d）。また、Macでは、最初にcmd + shift + dw / oを最初に使用すると、DevToolsは別の機能を生成します。

— Abel Callejo