手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何将Chrome浏览器的调试窗口独立出来

时间:2024-10-11 18:46:38

1、打开前端页面,右击鼠标选择【检查】或者直接在前端页面上按下F12可以快速查看网页源码

如何将Chrome浏览器的调试窗口独立出来

2、默认情况下Chrome的调试窗口是与当前页面在一个窗口下,且默认显示在页面最下方位置。

如何将Chrome浏览器的调试窗口独立出来

3、在调试窗口的最右侧找到设置图标,点击此图标会弹出Dock side设置选项

如何将Chrome浏览器的调试窗口独立出来

4、单击Dock side的第一个选项,即【Un蟠校盯昂dock into seperate window】,即可将调试窗口单独拉出来。

如何将Chrome浏览器的调试窗口独立出来
如何将Chrome浏览器的调试窗口独立出来

5、如果电脑设置了双屏,则可以将前端页面和调试窗口分别放置在两个屏幕上,通过触发前台页面元素,可以很方便的查看对应的调试信息。

如何将Chrome浏览器的调试窗口独立出来

6、如果想将调试窗口设置为与前端页面同一窗口,则只需要在【步骤4】中单击【Dock to bottom】按钮即可。

如何将Chrome浏览器的调试窗口独立出来
© 手抄报圈