1、打开前端页面,右击鼠标选择【检查】或者直接在前端页面上按下F12可以快速查看网页源码
2、默认情况下Chrome的调试窗口是与当前页面在一个窗口下,且默认显示在页面最下方位置。
3、在调试窗口的最右侧找到设置图标,点击此图标会弹出Dock side设置选项
4、单击Dock side的第一个选项,即【Un蟠校盯昂dock into seperate window】,即可将调试窗口单独拉出来。
5、如果电脑设置了双屏,则可以将前端页面和调试窗口分别放置在两个屏幕上,通过触发前台页面元素,可以很方便的查看对应的调试信息。
6、如果想将调试窗口设置为与前端页面同一窗口,则只需要在【步骤4】中单击【Dock to bottom】按钮即可。