有时候我们需要在浏览器页面上打断点调试, 看变量运行到相应代码之后,变量的值等等。怎样找到接口所在的文件,继而 找到接口的使用位置,判断逻辑等等。
第一步: 首先确定要调试的接口,如果还未知,需要打开F12之后,network选项卡中 查找接口,如下图:
以接口 www.baidu.com/s 为例,
第二步: 找到接口所在的文件: 调出 search 工具,在search页签,搜索该接口,如图:
第三步:选中文件之后, 如果目标文件中代码可读性差, 可以点击“pretty-print” 或者左下角的 {} 可以格式化显示代码,格式化显示之后,再 搜索即可定位到 接口被使用的位置。
第四步:找到接口后,可以点击行号,即可生成断点,再次运行页面,就可以看到变量相应的值了。