google-chrome-devtools - 在新窗口中打开 Chrome 开发者工具选项卡以在多个显示器上显示

标签 google-chrome-devtools

有没有一种方法可以在单独的窗口中打开 Chrome 开发人员工具的特定选项卡?我有 3 台显示器,想拥有 Sources一个屏幕上的选项卡和 Elements在另一个屏幕上。这可能吗?

最佳答案

我也发现这个限制令人沮丧,所有其他显示器都浪费了!这是穷人的解决方案:

  • 使用 --remote-debugging-port=9999 启动您的 chrome命令行参数
  • 右键单击您的页面进行调试并选择“检查元素” - 这是您的调试窗口 #1
  • 打开一个单独的 chrome 窗口并导航到 chrome://inspect
  • 单击“配置...”并添加 localhost:9999
  • 在“远程目标”下几秒钟内,您应该会看到可以从其他 chrome 实例中检查的选项卡
  • 单击选项卡,现在这是您的调试窗口 #2

  • separate windows chrome developer panels

    无关提示:系统范围内的夜间模式体验:http://danielsokolowski.blogspot.com/2018/11/windows-10-8-7-night-mode.html

    关于google-chrome-devtools - 在新窗口中打开 Chrome 开发者工具选项卡以在多个显示器上显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27133868/

    相关文章:

    javascript - Chrome 调试器分析器中的 “(program)” 是什么?

    javascript - 有什么方法可以固定或添加 Javascript 源文件以便从 Chrome 调试器轻松访问?

    javascript - 如何在浏览器中获取 XHR 调用的堆栈跟踪?

    javascript - 在 Chrome 开发者工具中检查 Javascript Hover

    javascript - 如何从 JW Player 获取媒体 url?

    javascript - Debugger.getScriptSource 如何工作?

    javascript - 如何获取/查找从 javascript 或 jquery 中的 DOM 元素或变量调用的函数

    google-chrome - 使用适用于 Chrome 的 VSCode 扩展调试器同时运行多个项目

    google-chrome - 是否可以创建链接到 Chrome DevTools 中某个位置的 URL?

    google-chrome - 如何使用 postman 拦截器