前端页面调试小技巧(谷歌浏览器)

有时候,我们在调试页面时,会直接右键点击“显示页面源代码”,里面会有整个布局的所有代码,但是如果我们只想看一部分ui的代码,比如只看下面的弹框代码,那该如何实现呢?下面来讲解下:
前端页面调试小技巧(谷歌浏览器)

首先在弹框的区域处,右键“查看框架源代码”:
前端页面调试小技巧(谷歌浏览器)
然后会打开该页面的源代码,格式:view-source:ip:port/页面名称?参数
前端页面调试小技巧(谷歌浏览器)
把前面的view-source去掉,直接就显示弹框里面内容的ui了,调试起来更加简单了。
前端页面调试小技巧(谷歌浏览器)
这个小技巧,可以帮助我们更加的专注于要调试的内容,也可以让我们知道页面的html文件名等。