首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用Firefox轻松调试JS

使用Firefox轻松调试JS

作者头像
PM吃瓜
发布2019-08-12 17:01:48
5.7K0
发布2019-08-12 17:01:48
举报
文章被收录于专栏:PM吃瓜(公众号)PM吃瓜(公众号)

Firefox调试JS的功能真的很不错,推荐一下! 在页面上点击右键,再点击“查看元素”,如图:

就会弹出Firefox的开发者界面,点击“调试器”,如图:

这里能看到: 1.跟踪按钮。用户跟踪调试时点击下一步用,有普通下一步的,有深入导函数里的,还有跳出函数的。 2.加入断点。左键点击一下就能加入断点,非常简单。 3.显示变量值。这里可以显示每一步的变量值,同时如果出现错误在这里也会提示“exception”,如:

一步步调试代码

你可以一步步的执行代码。这对代码调试非常有用。

使用断点调试

断点调试可以终止代码的执行,你可以通过指定代码范围来查看错误是不是在指定代码范围内。这对于 错误调试很有用。

如果你点击"Step over(单步跳过)" 按钮, Firebug 会更新所有变量直到你在右侧窗口中终止断点执行。

Firefox的JS调试功能非常强大,感觉试一下吧!

点击调试器tab页,刷新要调试的页面,调试器主窗口会出现要调试的代码

点击暂停按钮,点击后按钮状态改变,同时右边的三个调试步骤变为可操作状态,调试步骤的作用可参考IE浏览器javascript调试篇的讲解。同时,在代码行上面打断点。点击断点后,代码自动进入调试状态,取消断点,代码直接运行过去。

打断点后,刷新页面,页面会停留在断点处,按下F10按钮,让代码继续,会看到后边变量窗口出现所有的变量信息。

点击hrefs 变量,可以看到该集合属性的各对象,三个对象均为超链接,跟IE浏览器调试时看到的基本相同。

点击第一个对象,对象展开后会出现对象属性信息等内容

说到这里,Firefox浏览器的javascript调试基本就讲完了。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-04-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Tech爬虫 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一步步调试代码
    • 你可以一步步的执行代码。这对代码调试非常有用。
      • 使用断点调试
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档