在浏览器中测试 JavaScript 脚本而不创建 html/javascript 测试文件 [关闭]答案

【问题标题】：Test a JavaScript script in a browser without creating html/javascript test files [closed]在浏览器中测试 JavaScript 脚本而不创建 html/javascript 测试文件 [关闭]
【发布时间】：2013-10-15 08:10:58
【问题描述】：

我学习了 JavaScript，并且有很多 JavaScript 代码要测试。

有没有办法在 Chrome 或其他浏览器中做到这一点，而无需编写特殊的临时 .js/.html 文件？

有人建议我使用 chrome 的控制台，但据我了解，我只能测试一行代码，例如 alert('myVar has a value');，但无法测试多行脚本，例如

if(myVar){
  alert('myVar has a value');
}
else {
  alert('myVar does not have a value');
}

我还希望能够离线运行它，并且能够粘贴 js 代码片段进行测试。

【问题讨论】：

为什么创建一两个文件不够简单？
如果像“JSFiddle.net”这样的网站存在，那么可能就没有那么简单了……别忘了下次你应该在磁盘上找到它们进行编辑、保存、重新加载浏览器从缓存等等...

标签： javascript debugging testing browser

【解决方案1】：

您可以在 Chrome 的控制台中使用 Shift + Enter 来插入多行语句。

【讨论】：

@Serge 可以复制粘贴多行代码，你试过了吗？
是的，我不知道，谢谢！（在我看来，控制台这个词通常与多行命令无关......）
你到底是怎么粘贴的？在开发者取消中输入多行脚本是完全可以的。我一直都这样做。

【解决方案2】：

可以在 chrome 控制台中测试多行脚本。只是测试它。关于控制台的一件事。如果你想打印一个变量（比如console.log('myvar');），那么你只需要将myvar写入控制台（你输入的所有内容都会在控制台上输出）。所以如果你调用一个没有返回值的函数，你会在控制台看到undefined。

另一个好方法是使用 jsfiddle 之类的工具：http://jsfiddle.net/

【讨论】：