前端页面调试小技巧（谷歌浏览器）

有时候，我们在调试页面时，会直接右键点击“显示页面源代码”，里面会有整个布局的所有代码，但是如果我们只想看一部分ui的代码，比如只看下面的弹框代码，那该如何实现呢？下面来讲解下：

首先在弹框的区域处，右键“查看框架源代码”：

然后会打开该页面的源代码，格式：view-source：ip:port/页面名称?参数

把前面的view-source去掉，直接就显示弹框里面内容的ui了，调试起来更加简单了。

这个小技巧，可以帮助我们更加的专注于要调试的内容，也可以让我们知道页面的html文件名等。