浏览器中找到页面中使用的方法，并且打断点调试

有时候我们需要在浏览器页面上打断点调试， 看变量运行到相应代码之后，变量的值等等。怎样找到接口所在的文件，继而 找到接口的使用位置，判断逻辑等等。

第一步： 首先确定要调试的接口，如果还未知，需要打开F12之后，network选项卡中 查找接口，如下图：

以接口 www.baidu.com/s 为例，

第二步： 找到接口所在的文件: 调出 search 工具，在search页签，搜索该接口，如图：

第三步：选中文件之后， 如果目标文件中代码可读性差， 可以点击“pretty-print” 或者左下角的 {} 可以格式化显示代码，格式化显示之后，再 搜索即可定位到 接口被使用的位置。

第四步：找到接口后，可以点击行号，即可生成断点，再次运行页面，就可以看到变量相应的值了。