编程时,报错大家可以在开发工具上断点肯定见多不怪。但是还有一种断点方法在浏览器上直接断点。
在做前端开发的朋友或许对这个只在浏览器中断点操作不是很熟悉或者早已司空见惯。但是,点进来就勉为其难地读下去吧!或许你们会有新的发现,也或许没有,就当复习吧。那么话不多说让我们进入,那为程序员们排忧解难的断点之一的——Javascript 断点。
C,C++ ,C#等的开发者,他们应该都挺熟悉断点操作,这种断点操作在诸如XCode或者Visual Studio的IDE中都会有提供。
目前在常用的浏览器IE、Chrome、Firefox都有相应的脚本调试功能。各位大佬将就将就,本人用Chrome用的多,那我们来看Chrome的开发者设置:
1、在F12开发人员工具中进行调试
打开IE浏览器,按下F12键,就会打开开发人员工具,这是IE内置的开发人员开发工具,方便开发人员对HTML、CSS、Javascript等网页资源进行跟踪调试使用的。
如果你打开的时候没有固定在网页底部,可以点击右上角菜单栏中的按钮来完成。
我们看到在这个工具窗口里面有几个标签页,分别是:HTML、CSS、控制台、脚本、探查器和网络,点开每一个标签,可以执行相应的任务。
当有程序进来(运行到)我们的断点处时,就可以开始调试了:
我们可以使用快捷键进行操作,
常用的快捷键如下:
F9:添加/移除 断点
F10:逐过程,即跳过该语句中的方法、表达式等
F11:逐语句调试,即单步调试,会跳入方法、表达式,进行逐语句的跟踪调试
有的知乎大佬是这个亚子的
下面是知乎的一段话
断点操作 (Action) 的意义是设置追踪点 (Tracepoint)。追踪点相当于是一种临时的有 Trace 功能的断点,它会把消息 打印到 Output 窗口。
——向大佬致敬