在本地计算机上使用Javascript进行无痛开发的最佳方法

Question

我很高兴与Javascript合作.

在大多数语言中,您可以在计算机上本地快速运行代码.从我所看到的,在JS中你通常只能通过浏览器使用它,所以我一直在上传我的代码,在浏览器中查看它的效果.事实证明这非常令人厌烦.此外,如果我犯了一个错误,似乎我的JS/JQuery只会做什么,而不是给我一个有用的错误,消息,这使得编写代码变得非常缓慢.

有没有办法在本地运行JS,看看它是否正常工作？我大部分时间只将它上传到网上？我有什么方法可以做到这一点？有什么方法让我在本地对Javascript进行单元测试？假设我有一些应该呈现为>的JAML<p>HI</p,如何在单元测试中本地运行？

谢谢你的帮助,Alex

编辑:

感谢所有伟大的建议.我将不得不花点时间仔细检查一下,看看哪些最适合我的情况.

Answer 1

由于您使用的是jQuery,我假设您实际上想要操纵页面上的各种元素.因此,根据您的具体开发环境,每次上传都可能是最佳选择.如果您可以在本地计算机上设置开发环境(并非总是可行),那么请继续使用.

作为您问题的实际答案,我建议使用Chrome的开发人员工具,它不仅有控制台,还有元素检查器和资源跟踪器(资源跟踪器在使用JSON和AJAX时非常宝贵,因为无效的json会失败默默)

据我所知,firefox的firebug插件(不要自己使用它)有一个类似的功能集,所以如果你对它更熟悉的话.

请记住,作为开发人员,您的开发(和调试器)环境与您编写的代码一样重要.

编辑:注意到你提到了单元测试.有几个单元测试框架供JS使用,包括一个与Firebug集成的Firebit.如果你愿意,可以快速谷歌搜索找到更多.

Answer 2

您无需将JS文件上载到服务器进行测试.只需编写一个html并声明js绑定

<script
            src="js/yourJSFile.js"
            type="text/javascript"></script>

在您喜欢的编辑器中编辑JS文件,然后刷新页面进行测试.

对于单元测试,最好的选择是Selenium.它允许您记录与浏览器的交互,然后播放.

Answer 3

您可以在 Firefox 中使用Firebug来调试 JS，Google Chrome 具有内置的调试器（使用“工具”->“开发者工具”菜单）。