如何在线运行 JavaScript?

javascriptweb developmentfront end technology

在本教程中,让我们讨论在线运行 Javascript 的最佳方法。

众所周知,Javascript 是一种流行的语言。有很多选项可以在线运行 Javascript。优化运行时和内存使用是所有这些工具面临的挑战。运行 Javascript 的一种简单方法是浏览器控制台。按 F12 键时会出现浏览器控制台。

您可以在脚本标记中添加 Javascript 代码或加载外部 JavaScript 文件。让我们看看在线运行 Javascript 的可用选项。

Codepen

要使用 codepen 运行 Javascript,只需在 JS 空间中输入 Javascript 代码,然后单击"结果"选项卡。输出空间显示结果。Codepen 还为 HTML 和 CSS 提供了单独的区域。

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

Liveweave

Liveveave 中的 Web 编辑器选项卡允许我们在 3 个面板中编写 HTML 代码片段、CSS 和 Javascript。保存更改后,单击运行图标以获取输出。Javascript 控制台和 Tidy 格式 JS 是 Liveveave 仅针对 Javascript 的其他选项。

JS Bin

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

Tutorialspoint

在线 JavaScript 编辑器是最好的实时 Javascript 编辑器和编译器,可提供易于使用且简单的集成开发环境 (IDE)。 Tutorials Point 的 Coding Ground 为软件开发人员提供在线编译器、终端和编辑器,用于编辑、编译、执行和共享程序,在线体验最佳云计算,您只需单击几下即可编辑、编译、执行和共享各种项目

JS.do

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

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

JS Fiddle

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

Playcode.io

Play code 提供 script.js 来输入 Javascript 代码。HTML 可以在 index.html 中,CSS 可以在 style.css 中。控制台单独提供,网站视图显示输出。

One Compiler

One Compiler 是一个直接在线运行 Javascript 的网站。index js 是默认的 js 文件。您可以根据需要添加更多 js 文件,并且运行按钮可用于查看输出。

Programiz

'programiz' 是一个运行 Javascript 的小网站。您可以在 main js 中输入代码,并在旁边的输出选项卡中查看输出。

本教程讨论了在线运行 Javascript 的方法。我们建议先使用 playcode.io、one Compiler 和 'programiz'。这些是非常简单且在线运行 Javascript 的最佳方法。


相关文章