JavaScript开发工具列表

Posted 爱无边界

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript开发工具列表相关的知识,希望对你有一定的参考价值。

  如果没有工具,开发javascript程序是个非常痛苦的事情,IE总是给出超级模糊的错误提示,基本上对解决问题毫无帮助。

  如果有了工具帮助,开发Javascript程序将会是个非常愉快的事情

  Firebug: Firefox的一个插件,可以用来编辑、调试和查看CSS、html、Javascript。包括的功能有:

  良好的树状结构来表示HTML元素,方便查找,可以灵活的编辑HTML元素;

  查看HTML页面的时候,可以很方便的修改CSS,并及时的看到效果;www.82676666.com

  帮助分析打开页面的网络状况;

  帮助调试Javascript代码,分析Javascript代码的性能;

  快速定位错误;

  浏览DOM;

  提供command line的方式来运行Javascript脚本;

  提供很多强大的log函数,输出log信息,帮助寻找错误。www.mlybyby.com

  注:关于DOM的浏览,感觉Firebug用得不是太爽,有点乱的感觉,比较推荐另一个插件DOM Inspector来查看DOM。

  JSEclipse: Eclipse的一个插件,是一个Javascript的编辑器,包括代码自动完成、分析代码生成类和函数列表等功能,十分强大,小赞一下jseclipse的分析代码功能,能正确地分析js中对象的定义,包括成员变量和成员函数。

  DOM Inspector: Firefox的一个插件,可以动态的显示网页的DOM,结构清晰,查找方便,总之感觉就是爽。

  再推荐一个网址: http://developer.mozilla.org/en/docs/Main_Page Web开发在线手册,几乎所有web相关的内容都可以查得到,注意右上角的Search输入框,一切从那里开始。

  从此以后,Eclipse就是editor,Firefox就是runtime environment/debuger,开始愉快的编写Javascript脚本吧,让所有程序都在Web上跑起来。www.mlyrx120.com

以上是关于JavaScript开发工具列表的主要内容,如果未能解决你的问题,请参考以下文章

使用开发工具控制台中的 JavaScript 片段从 HTML 获取 YouTube 播放列表标题和频道名称

JavaScript开发

如何使用 Javascript Intellisense 扩展工具在 Visual Studio 2013 中附加到完成列表

JavaScript开发工具大全

Javascript开发工具大全

使用 MySQL、PHP/JavaScript/Ajax/jQuery 的链接下拉列表