javascript - 你的 JavaScript 开发工具箱里有什么？

Question

我将来必须做一些 JavaScript，所以是时候更新我的工具箱了。现在我使用 Firefox 和一些插件：

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

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

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

那么在开发 JavaScript 时你还使用了哪些其他工具呢？

score 8 · Accepted Answer

我使用 Firefox 和 IE 进行 Web 开发，并在每个中使用了一些附加组件：

火狐：

IE浏览器：

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

score 3 · Accepted Answer

我有时将 Emacs 与 Steve Yegge 的js2-mode一起使用，使用 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!

score 1 · Accepted Answer

1

于 2008-08-29T15:49:08.647 回答

score 1 · Accepted Answer

火狐：

Firebug - 在直接在浏览器中测试想法时，对于调试标记和代码非常有用
- Rainbow for Firebug - JavaScript 语法高亮
- Pixel Perfect - 在任何页面上叠加图像，使其与每个像素的设计相匹配
Web Developer Toolbar - 几乎任何你能想到的工具
Firecookie - 管理您的 cookie
YSlow - 建议如何提高下载性能

仅限 Windows：

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

Internet Explorer： - Web 开发者工具栏- 缺少一些东西，但仍然非常完整

score 1 · Accepted Answer

1

火狐上的萤火虫
IE 上的 IE Web Developer 工具栏
JS皮棉

于 2008-12-31T09:55:35.697 回答

score 0 · Accepted Answer

0

还有几个::

IE 浏览器工具栏
Firefox 开发者工具栏

于 2008-08-29T15:50:17.737 回答

score 0 · Accepted Answer

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

如果您喜欢跨浏览器日志记录解决方案，请查看Firebug Lite！

javascript - 你的 JavaScript 开发工具箱里有什么？

7 回答 7

Related

Reference