Chrome developer tools open in new window

A common request!

By default, Chrome Developer Tools (DevTools) open in a new tab, not a new window. However, you can change this behavior to open DevTools in a new window instead. Here are a few ways to do so:

Method 1: Using the Chrome flags

1. Type chrome://flags in the address bar and press Enter.
2. Search for "DevTools" in the search bar.
3. Enable the "DevTools opens in a new window" flag by clicking the toggle button.
4. Restart Chrome.

Method 2: Using the Chrome command line

1. Open Chrome with the following command:

   chrome --new-window-devtools

   This will open Chrome with DevTools in a new window.

Method 3: Using a Chrome extension

There are several Chrome extensions available that allow you to open DevTools in a new window. One popular extension is "DevTools in New Window" by Google. You can install it from the Chrome Web Store.

Method 4: Using a userscript

You can also use a userscript to achieve this. Here's an example:

// ==UserScript==
// @name         Open DevTools in new window
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Open DevTools in new window
// @author       You
// @match        https://*/*
// @grant        none
// ==/UserScript==

(function() {
  'use strict';
  document.addEventListener('DOMContentLoaded', function() {
    var devToolsButton = document.querySelector('#devtools-button');
    devToolsButton.addEventListener('click', function() {
      window.open('chrome-devtools:///', '_blank');
    });
  });
})();

This userscript listens for the DevTools button click event and opens DevTools in a new window when clicked.

Note that these methods may have some limitations or side effects, so use them at your own discretion.