JavaScript Tutorials

Chrome DevTools 和 Node.js 中运行 JavaScript 代码

Spread the love

JavaScript对于创建交互式和动态网站至关重要。本指南探讨了两种执行JavaScript代码的方法:使用Chrome浏览器的开发者工具直接在浏览器中执行,以及使用Node.js进行服务器端或独立运行。

目录

在Chrome开发者工具中运行JavaScript

此方法非常适合在网页的上下文中快速测试和调试JavaScript代码片段。无需额外安装。

1. 创建您的JavaScript文件:

使用文本编辑器(记事本、TextEdit、VS Code等)创建一个文件(例如,myScript.js),其中包含您的JavaScript代码:


console.log("Hello from myScript.js!");
let message = "This is a variable.";
console.log(message);

2. 打开Chrome开发者工具:

打开Chrome,转到任何网页,右键单击,然后选择“检查”或“检查元素”(或按F12)。单击“控制台”选项卡。

3. 运行您的代码(方法1:直接输入):

直接在控制台中输入JavaScript代码并按Enter键运行。这最适合小型代码片段。

4. 运行您的代码(方法2:使用HTML文件):

这更适合较大的脚本。创建一个HTML文件(例如,index.html):


<!DOCTYPE html>
<html>
<head>
<title>我的JavaScript测试</title>
</head>
<body>
  <script src="myScript.js"></script>
</body>
</html>

在Chrome中打开index.html。控制台将显示myScript.js的输出。

使用Node.js运行JavaScript

Node.js允许您在Web浏览器外部运行JavaScript,非常适合服务器端脚本、命令行工具等。虽然它不是直接在Chrome中运行,但对于开发可能用于Chrome扩展程序或Web应用程序的JavaScript至关重要。

1. 安装Node.js:

nodejs.org下载并安装Node.js。这也会安装npm(Node包管理器)。

2. 创建您的JavaScript文件:

如上所述创建您的myScript.js文件。

3. 从命令行运行:

打开您的终端,导航到包含myScript.js的目录,然后运行:


node myScript.js

输出将显示在您的终端中。Node.js直接在您的计算机上执行JavaScript,而不是在Chrome浏览器中。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注