怎么查看网页js函数的位置(具体看补充问题)

怎么查看网页js函数的位置(具体看补充问题),第1张

如果是浏览器直接查看的话只能Ctrl+F了,
如果是文本编辑器,可上网搜索该编辑器是否有定位功能
sublime便支持快速定位,
按下Ctrl+P,输入“@函数名”即可快速定位函数
(或者直接Ctrl+R,输入函数名)

这里举例说明CSDN网站的调试过程:

1) 进入想要调试的网站,按F12打开调试模式

2) 点击sources栏目,找到相关的js文件(有些网站做了加密设置,js文件不好找,例如百度)

3) 点开js文件后,点击代码显示的行号可以进入调试模式,能看懂代码就调试你想知道的执行过程即可,看不懂的话,查找init类似的关键字加断点

4)进入调试模式后(添加断点成功后),F5刷新界面,或者手动点击页面刷新,F10,F12继续(下一步)调试运行

备注: 通常而言,大网站的js都比较复杂,要看懂实属不易,能看懂别人网站的js逻辑就好调试

如果会调试,可以用打开浏览器的调试功能。
以chrome为例,按F12打开调试窗口,切换到Sources选项卡,最右边的Event Listener Breakpoints里勾选Mouse下的mouseover即可,当鼠标移动到上时触发mouseover事件,chrome可响应事件设置断点,跟踪js代码查看就可以。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13084664.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-30
下一篇 2023-05-30

发表评论

登录后才能评论

评论列表(0条)

保存