使用chrome的F12调试，在未知脚本代码的前提下，如何对一个按钮的事件设置断点

PCBoy008 2016-07-19 02:48:05

以 CSDN 首页的【返回顶部】为例

应如何准确定位到点击该按钮的执行脚本

...全文

432 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

Go 旅城通票 2016-07-19

打赏
举报

回复

右边的Event Lisenters列出所有绑定的事件

1.课程简介这个系列会介绍一些有趣的，实用的 Chrome 插件。发现更多好玩有用的chrome插件2.适用人群你想更好的使用chrome浏览器吗？这里有你要的。只需具有初步的office操作能力即可学习3.课程介绍01这款Chrome插件帮你注册到心仪的域名02你的 Chrome 不能没有这款翻译插件03使用HTML5 Vedio Speed Control Chrome插件实现倍速播放04看别人网站用了啥技术 chrome插件

1.断点调试是啥？难不难？断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。操作起来似乎很简单，其实很多人纠结的是，是在哪里打断点？（我们先看一个断点截图，以chrome浏览器的断点为例）步骤记住没？用chrome浏览器打开页面 → 按f12打开开发者工具 → 打开Sources → 打开你要调试的js代码文件 → 在行号上单击一下，OK!恭喜你的处女断点打上了,哈哈~~ 2.断点怎么打才合适？打断点操作很简单，核

断点。debugger 语句。error（如果开发者工具是打开状态，并且按钮是开启的状态）。当脚本执行暂停时，我们就可以进行调试：检查变量，跟踪代码来查看执行出错的位置。开发人员工具中的选项比本文介绍的多得多。完整的手册请点击这个链接查看：https://developers.google.com/web/tools/chrome-devtools。本章节的内容足够让你上手代码调试了，但是之后，尤其是你做了大量关于浏览器的东西后，推荐你查看上面那个链接中讲的开发者工具更高级的功能。

解决谷歌浏览器在F12情况下自动断点问题（Paused in debugger）最近在使用谷歌浏览器在调试js脚本的时候，每次按F12，再刷新页面，都会跳出如上图所示的图标，自动进入断点调试。如果不想让它自动断点可以按一下3步去设置。 1.打开任何一个页面，按下F12，在弹出来的调试窗口找到“Sources"; 2.在右边找到XHR/fetchBreakpoints,展开，把"Any XHR ...

解决谷歌浏览器在F12情况下自动断点问题（Paused in debugger）最近在使用谷歌浏览器在调试js脚本的时候，每次按F12，再刷新页面，都会跳出如上图所示的图标，自动进入断点调试。如果不想让它自动断点可以按一下3步去设置。1.打开任何一个页面，按下F12，在弹出来的调试窗口找到“Sources";2.在右边找到XHR/fetchBreakpoints,展开，把"Any XHR or...

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章