Chrome和Firefox浏览器调试对比

最近的项目中使用Extjs5, 其中主要的一个特点就是js文件的动态加载,之前使用Firefox浏览器对js文件进行调试,打断点时,只对当次调试有效,刷新之后,由于动态加载的js文件(文件名后面加了一些随机数)换了,之前打的断点就不起作用了。

今天在使用Chrome浏览器时,发现,这个浏览器,即使刷新之后,断点依然起作用,这在调试时,就非常方便了。

之前一直听说Chrome开发比Firefox高效,今天终于找到一点。

但是我发现有一点不如Firefox的,就是Chrome的Network看着不如Firefox方便,另外,Firefox的console控件台既可以看到日志,还可以看到请求(平时我都不用Firefox的网络)。

 

总结一下:

二者比较:

Chrome优点:

1. 对动态加载的JS调试更方便。

2. JS文件加载后,有目录结构,方便选择。

 

Firefox优点:

1. 控制台可以查看网络请求信息。

 

转载于:https://www.cnblogs.com/hankuikui/p/4589330.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浏览器调试器是一个开发者工具,用于帮助程序员诊断和修改网页或Web应用程序的行为。在大多数现代浏览器中,你可以通过以下步骤来打开调试器: 1. **Chrome/Chromium**: 打开浏览器,按F12(或者右键点击页面并选择“检查”)来打开开发者工具。也可以通过菜单栏选择"更多工具" > "开发者工具"。 2. **Firefox**: 右键点击页面,选择"Web开发者" > "开发者工具",或者直接按Ctrl+Shift+I(Windows/Linux)或Cmd+Option+I(Mac)。 3. **Safari**: 右键点击页面,选择"检查",或者在顶部菜单栏点击"Safari" > "偏好设置" > "开发",然后勾选"显示开发菜单",之后再按F12。 4. **Edge (Chromium)**: 在地址栏输入"about:inspect",或者右键点击页面空白处,选择"Inspect"。 5. **Microsoft Edge (Legacy)**: 在菜单栏选择"开发者工具",可以通过按F12或右键点击页面并选择"审查元素"来打开。 6. **Opera**: 按F12或者右键点击页面并选择"检查"元素。 7. **移动设备浏览器**:在Android上,从通知栏下拉或通过浏览器菜单打开开发者选项,然后选择"开发者工具";在iOS上,需要使用第三方开发者工具如Safari技术预览或Chrome DevTools for iOS。 熟悉了调试器后,你可以检查网络请求、查看和修改DOM、设置断点以及检查代码执行流程等。如果你遇到具体问题,记得提供更多的上下文信息以便我能给出更精确的帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值