如何在线运行JavaScript？-嗨游网

在本教程中，让我们讨论一下在线运行Javascript的最佳方式。

如何在线运行JavaScript？

正如我们所知，Javascript是一种流行的语言。有许多在线运行Javascript的选项。优化运行时和内存使用是所有这些工具面临的挑战。运行Javascript的一种简单方法是使用浏览器控制台。按下F12键即可打开浏览器控制台。

您可以将Javascript代码添加到script标签中，或者加载外部的Javascript文件。让我们来看一下在线运行Javascript的可用选项。

Codepen的翻译为：Codepen

要在Codepen上运行Javascript，请只在JS空间中输入Javascript代码，然后点击结果选项卡。输出空间将显示结果。Codepen还提供了独立的HTML和CSS区域。

Codepen拥有庞大的社区支持。每个人都可以在这里分享项目。设置中包含选择JavaScript/CSS/HTML预处理器、添加外部资源、在head标签中添加通用内容、自动保存代码以及代码间距的选项。

Liveweave 的中文翻译为：Liveweave

在Liveveave中的Web编辑器选项卡中，我们可以在3个面板中编写HTML片段、CSS和Javascript代码。保存更改后，点击运行图标以获取输出结果。Javascript控制台和仅限于Javascript的Tidy格式化JS是Liveveave为Javascript提供的其他选项。

JS Bin 的翻译为：JS Bin

JS Bin还为HTML、CSS、Javascript、控制台和输出提供了独立的代码空间。您只需输入代码即可查看结果。运行按钮仅适用于从控制台选项卡直接运行。

Tutorialspoint 的中文翻译为：Tutorialspoint

在线JavaScript编辑器是最好的实时JavaScript编辑器和编译器，提供易于使用和简单的集成开发环境（IDE）。教程点的Coding Ground提供在线编译器、终端和编辑器，供软件开发人员编辑、编译、执行和共享程序在线体验最佳的云计算，您可以通过简单的点击编辑、编译、执行和共享各种项目。

JS.do的翻译为：JS.do

'JS.do'提供了在脚本标签中添加新代码的选项。您可以根据需要在脚本标签下方输入HTML代码。您可以保存更新并使用运行代码选项。此在线选项还提供了“另存为新的js”选项。

您可以通过 'JS.do' 加载代码示例，并通过运行代码在结果面板中查看结果。添加的框架提供了 JQuery、Bootstrap 等等。

JS Fiddle的中文翻译为：JS Fiddle

JS Fiddle有四个面板，分别是HTML、CSS、Javascript和结果。输入代码后，点击运行图标查看结果。

Playcode.io 的中文翻译为：Playcode.io

Play code给script.js输入Javascript代码。HTML可以在index.html中，CSS可以在style.css中。控制台可以单独使用，网站视图显示输出结果。

一个编译器

One compiler是一个直观的网站，可以在线运行Javascript代码。index.js是默认的Javascript文件。您可以根据需要添加更多的Javascript文件，并且可以使用运行按钮来查看输出结果。

Programiz的翻译为：Programiz

‘programiz’是一个用于运行Javascript的小型网站。您可以在主要的js中输入代码，并在旁边的输出选项卡中查看输出结果。

本教程讨论了在线运行Javascript的方法。我们建议首先尝试playcode.io、一个编译器和'programiz'。这些都是非常简单和最好的在线运行Javascript的方式。