学习笔记——谷歌浏览器之开发者工具(1)
开发者工具,窗口几种停靠的模式

学习笔记——谷歌浏览器之开发者工具(1)
数据抓包,保持日志,防止跳转时抓包数据被刷新掉。

学习笔记——谷歌浏览器之开发者工具(1)
右击勾选,显示数据交互模式

学习笔记——谷歌浏览器之开发者工具(1)
开启JS搜索

学习笔记——谷歌浏览器之开发者工具(1)
搜索JS、大小写区别、正则

学习笔记——谷歌浏览器之开发者工具(1)
点击左边行数可下断点,JS每行结束为;分号。

学习笔记——谷歌浏览器之开发者工具(1)
下断点后,选中部分完整的语句,会显示出该语句的计算结果。

学习笔记——谷歌浏览器之开发者工具(1)
选择函数会出现该函数在哪个JS文件第几行,以前具体的函数名称。点击跳转至该JS页面中函数的位置。

学习笔记——谷歌浏览器之开发者工具(1)
自建调用函数,需要有一个返回值,return。双击上面函数名,可在下面填入参数后,点击运行。计算返回的结果。

学习笔记——谷歌浏览器之开发者工具(1)
跳到下一个断点;执行下一条语句;进入到函数中;跳出函数;禁用/启用断点。
LOCAL:局部变量
Global:全局变量或全局函数
Breakpoints:当前所有下的断点,右击可删除断点。

学习笔记——谷歌浏览器之开发者工具(1)
需要加入调用函数function;双击函数名,输入参数值,可以进行计算返回的结果。

相关文章:

  • 2021-10-19
  • 2021-10-08
  • 2021-05-07
  • 2021-12-05
  • 2022-12-23
  • 2022-02-16
  • 2022-01-03
  • 2021-08-12
猜你喜欢
  • 2021-12-04
  • 2021-11-29
  • 2022-01-23
  • 2021-04-19
  • 2022-02-03
  • 2022-01-24
相关资源
相似解决方案