FireFox VS Chrome 之 调试篇

一个完美的调试工具,FireBug!

精确跟踪每一步。只要按下图所示,选择“脚本”,然后在下方选择脚本所在的文件即可对该文本的执行进行断点跟踪。

并且仅当一个线程运行结束后,才会去执行另外的线程的执行过程,这跟大多数多线程调试工具是一致的。

Chrome 内置的调试功能,在某些情况下,并不能很好的把断点和实际断点代码对应起来,这种情况发生在 WebStore  中传入的断点的情况。

所以还是直接在 Chrome 中找到对应的文件,再次添加断点比较准确。

之所以想要使用 WebStore 添加断点,是因为 这两种浏览器的调试功能,在其代码显示时,并不提供代码折叠功能,对于很长的代码来说,确实有些不太好翻找。

所以,要想针对你的大工程进行调试,还是保持良好的代码习惯,将某些功能用函数封装,再将一两个相似功能的函数放到一个 js 文件中,在外部进行调用。

当然了,有些时侯,有些人还会特意地将很多外部引用的 js 整合到一起来,避勉多个 js 加载带来的额外资源消耗,这可能是另外一件事情了,做个工具进行处理,可能会好些吧。

但至少在开发阶段,有效地拆分功能进行管理,对于代码维护很重要,对于开发过程中保持良好的思路,高效地构思下一步任务,界定和解决随时出现的问题,大有益处。

Web 开发,核心控制应该集中在 JavaScript 中,那么尤以 JQuery 为首先,不过俺目前为了简化任务实现步骤,并未引入并不熟知的但确实强大的 JQuery。

对于 JavaScript 这种动态语言,调试工具的熟练使用,决定了问题查找的难易程度,这与集成开发环境中的调试工具大为相同。

可惜的是,尚未有一款能很好地实现这一目标的开发工具,都说 WebStore 开发 JavaScritp 就够牛了,但至少在我的使用中,断点并不成很正确地传递给浏览器进行断点调试。

期待,并痛苦地解决着眼前的问题。

时间: 2024-10-25 14:49:14

FireFox VS Chrome 之 调试篇的相关文章

在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript_javascript技巧

Javascript Debug Toolkit 是一个开源免费的eclipse插件,官方主页:http://code.google.com/p/jsdt 下图给出一个调试工具支持的浏览器对照表 工具\浏览器 Ie Firefox Safari Chrome Opera 其他 VS.net 支持         Microsoft Script Debugger 支持           Firebug   支持         venkman   支持         NebBeans 支持

使用Chrome浏览器调试AngularJS应用的方法

  这篇文章主要介绍了使用Chrome浏览器调试AngularJS应用的方法,AngularJS是非常热门的JavaScript库,需要的朋友可以参考下 当我们构建AngularJS应用时,通过浏览器(如Chrome,Firefox和IE)的JavaScript控制台访问应用中隐藏的数据和服务总会有些困难.下面是一些简单的技巧可以帮助我们通过Javascript控制台来查看或者控制正在运行的Angular应用,使得应用可以比较容易进行测试,修改,甚至实时的修改我们的Angular应用: 1: 访

[Python爬虫] Selenium自动访问Firefox和Chrome并实现搜索截图

        前两篇文章介绍了安装,此篇文章算是一个简单的进阶应用吧!它是在Windows下通过Selenium+Python实现自动访问Firefox和Chrome并实现搜索截图的功能.        [Python爬虫] 在Windows下安装PhantomJS和CasperJS及入门介绍(上)        [Python爬虫] 在Windows下安装PIP+Phantomjs+Selenium 自动访问Firefox         可以参照前文安装Selenium环境,目前Selen

浅谈Firefox与Chrome的设计理念

如你所见,我本人一直都是一个Firefox的重度用户.所以我写的关于Firefox的文章绝对不在少数,比如前几天的这篇文章中,就十分详细的阐述了我为什么选择火狐浏览器. 最近这几天来,浏览器市场可谓是硝烟弥漫.先是网民集体为IE6举行了葬礼:接着是微软官方宣布IE9将完美支持HTML5:号称地球上最快的Opera10.5如期发布:在这一切尘埃尚未落定的时候,Firefox又因为难以逾越25%的市场占有率而被人抨击:随即Mozila也迅速反击,称Firefox之所以在JS上效率不如其他浏览器并不是

flex chrome浏览器调试出现空白的解决方法

  flex浏览器调试出现空白,原因是谷歌有个默认的flash播放器,只要将默认的播放器禁用,留下新安装的插件,就OK了 flex 4 在 chrome中调试时,空白,原因是谷歌有个默认的flash播放器,只要将默认的播放器禁用,留下新安装的插件,就OK了,只要在浏览器地址栏中,输入:"chrome://plugins/",会看到flash player有两个文件,点击查看详细,将chrome下面的关闭就ok了.

在firefox和Chrome下关闭浏览器窗口无效的解决方法

 首先IE是可以通过window.close()来关闭浏览器窗口的,但是在firefox和Chrome下是无效的,但是可以通过一些特殊的手段进行关闭 首先IE是可以通过window.close()来关闭浏览器窗口的,但是在firefox和Chrome下是无效的.    原因在于:    Firefox下默认设置是无法通过脚本来关闭浏览器窗口的,为的是防止恶意脚本注入,    所以调整的方式就是在url地址栏中输入about:config,    然后在配置列表中找到 dom.allow_scri

Firefox和Chrome的选择

  个人总体观点: 浏览器都是没有更新尽头的,Chrome已经完成了一次大迈步,它很好,但是离Firefox还有距离.(当然你要是以使用人数来判定一个软件的优劣,那我无话可说)因为内核的原因Chrome无法消灭Firefox,而Firefox需要一个契机. 另外说下其它网页浏览器: IE--The Best Browser for Downloading Other Browsers! Opera--一直被模仿,并且被超越. Maxthon--还不错,我一般推荐从IE6求进步的电脑小白先用这个.

兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码_javascript技巧

在编写处理xml的网页时,经常为浏览器兼容性头疼.于是我将常用的xml操作封装为函数.经过一段时间的改进,现在已经很稳定了,用起来很舒服. 函数有-- xml_loadFile:xml同步/异步加载. xml_transformNode:xsl转换. xml_text:节点的文本. selectSingleNode:根据XPath选择单个节点. selectNodes:根据XPath选择多个节点. 全部代码(zyllibjs_xml.js)-- 复制代码 代码如下: /* zyllibjs_xm

《Ext JS权威指南》——3.3节在Chrome中调试

3.3 在Chrome中调试 谷歌浏览器目前也很多人在使用,它自身带了一个如图3-43所示的调试工具,功能和Firebug大同小异.在Chrome主菜单中打开工具菜单,在子菜单中选择开发人员工具即可打开.与Firebug比较,它少了DOM查看器,不过在Chrome中查看DOM节点的功能比在IE中强,例如,在控制台输入window,Chrome中会以树结构显示window对象的所有属性,而不是像IE那样使用省略号.但控制台中没有多行命令行模式,非常不方便.不过对Firebug的命令支持比微软强大.