嘿，这个需求太常见了！我平时调试网页的时候也总需要同时盯着Console日志和Elements/Network面板，来回切换确实挺烦的，给你分享几个亲测好用的方法：

• 拆分Console为独立面板
  打开DevTools后，先切换到你想同步查看的目标标签（比如Elements、Network），然后找到Console面板右上角的「拆分」按钮（图标是一个小方框带箭头），点击它之后Console就会变成一个独立的面板——可以选择垂直拆分（在侧边显示）或者水平拆分（在底部显示），这样两个面板的内容就能同时展示了。你还可以拖动面板之间的边界，调整各自的大小，适配你的查看需求。

• 快速唤起内嵌Console
  如果你只是临时需要同时查看，不想调整整体布局，那直接按键盘上的Esc键就行！不管你当前在哪个标签页，按下Esc后DevTools底部会立刻弹出一个迷你Console面板，既能看当前标签的内容，又能实时查看Console的日志或输入命令，再按一次Esc就能快速收起，非常方便。

• 自定义固定布局
  要是你长期需要这种双面板模式，可以去调整DevTools的布局设置：点击右上角的齿轮图标进入设置，找到「外观」里的「面板布局」选项，选择垂直或水平拆分模式，之后你可以把Console面板拖到另一个拆分区域固定下来，这样不管你切换哪个主标签，Console都会一直显示在旁边，不用每次都重新设置。

这些方法在Chrome和所有基于Chromium内核的浏览器（比如Edge、Brave）里都适用，你可以根据自己的习惯选最顺手的那个~

内容的提问来源于stack exchange，提问作者Amr