JavaScript开发工具箱中有什么?

时间:2020-03-05 18:44:59  来源:igfitidea点击:

将来我必须做一些JavaScript,所以是时候更新我的工具箱了。现在,我将Firefox与一些添加组件一起使用:

  • 来自https://www.squarefree.com/bookmarklets/webdevel.html的JavaScript Shell
  • Firefox Dom检查器
  • 萤火虫
  • 油脂猴
  • 时髦的

我计划使用Venkman Javascript调试器以及jsunit和js-lint。

对于编程,我坚持使用vim。

那么在开发JavaScript时还使用哪些其他工具?

解决方案

回答

  • Web开发人员工具栏(Firefox插件)
  • Nikhil的Web开发帮助器(IE工具栏)

回答

还有几个:

  • IE Explorer工具栏
  • Firefox开发人员工具栏

回答

我同时使用Firefox和IE进行Web开发,并分别使用了一些添加组件:

Firefox:

  • 萤火虫
  • Web开发人员工具栏

IE浏览器:

  • IE开发人员工具栏
  • 提琴手
  • 用于JS调试的Visual Studio

回答

有时我将Emacs与Steve Yegge的js2模式一起使用,并与Rhino和John Resig的env.js一起评估代码,以在我的独立脚本中加载jQuery或者Prototype。

这使我可以在浏览器之外浏览javascript,jQuery和Prototype。

例子:

var window;
load("Library/env.js");
window.location = 'index.html'; // Load the page 'index.html'

print($('aForm').id); // Play with the Dom in a standalone script!

回答

Firefox:

  • Pixel Perfect-在任何页面上覆盖图像,使其与每个像素上的设计相匹配
  • Web开发人员工具栏-几乎可以想到的任何工具
  • Firecookie-管理Cookie
  • YSlow-建议如何提高下载性能

仅Windows:

  • Fiddler-具有调试功能的出色HTTP代理

IE浏览器:
Web开发人员工具栏缺少一些内容,但仍然非常完整

回答

在Internet Explorer中调试JavaScript的最佳方法是使用Visual Web Developer Express。

如果我们喜欢跨浏览器日志记录解决方案,请查看Firebug Lite!

回答

  • Firefox上的Firebug
  • IE上的IE Web Developer工具栏
  • JS Lint