如何将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浏览器的调试窗口独立出来
  • 新版本chrome浏览器控制台设置成独立的窗口
  • eclipse配置svn
  • jquery怎么给span赋值?
  • 易语言调试程序失败因为被调试程序需要UAC权限
  • 热门搜索
    三国演义手抄报图片 中秋节手抄报简单 教师节手抄报内容文字 文明手抄报图片大全 生态文明手抄报 小学四年级手抄报 我爱文学手抄报内容 学生手抄报设计指南 小学生手抄报制作大全 法律手抄报图片