【问题标题】:Is it possible to view multiple Chrome devtools panels at once?是否可以一次查看多个 Chrome 开发工具面板?
【发布时间】:2019-04-05 10:24:40
【问题描述】:

有没有办法同时查看多个 Chrome devtools 面板?像这个模型这样的拆分窗口会很好:

或者在单独的窗口中。

能够同时查看“源”面板和“网络”面板非常有用,可以在单步执行代码时准确了解何时触发网络请求。

可以在任何其他面板中通过单击 或按esc 来拉起控制台,那么其他面板为什么不可以呢?

我没有通过搜索找到很多东西,但也许devtools extension 可以做到这一点。

这已经存在了吗?如果没有,有可能吗?

【问题讨论】:

  • 您能否在crbug.com 上提出错误并告诉我问题 ID
  • @Kinlan 这不是错误,更多的是功能请求。它可能已经由我尚未找到的 devtools 扩展实现。我尝试在 crbug.com 上发布它,但问题表单非常针对错误,而不是功能请求。
  • 它尚未作为 devtools 扩展实现。将其归档为错误是可以的。很多功能请求都是通过这种方式完成的。
  • @Kinlan 我正在寻找相同的功能,但到目前为止还没有运气。我检查了 devtools 扩展,它似乎不可能。我发现的唯一丑陋的解决方案是打开 2 个具有相同 url 的选项卡并打开它们的 2 个 devtools,一个选择一个面板,另一个选择另一个面板。
  • 我打开了一个功能请求:code.google.com/p/chromium/issues/detail?id=517775

标签: google-chrome google-chrome-devtools


【解决方案1】:

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

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

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

【讨论】:

  • 谢谢,六年后,我认为这是我们将获得的最好成绩!
【解决方案2】:

从 Chrome Canary 33.0.1732.0 开始,有一个“在抽屉中显示编辑器”实验。每当您在 DevTools 中点击源代码的任何锚点时,都会显示编辑器。

【讨论】:

    猜你喜欢
    • 2015-08-09
    • 2017-07-29
    • 1970-01-01
    • 2014-02-20
    • 2019-02-03
    • 1970-01-01
    • 2015-12-06
    相关资源
    最近更新 更多