Chrome 开发大全之 02 在控制台中运行 JavaScript

本交互式教程向您展示了如何在Chrome DevTools控制台中运行 JavaScript。

概述

控制台是一个REPL，代表读取、评估、打印和循环。它读取您输入的 JavaScript，评估您的代码，打印出您的表达式的结果，然后循环回到第一步。

设置开发工具

本教程旨在让您可以打开演示并自己尝试所有工作流程。当您实际跟进时，您以后更有可能记住工作流程。

01 按 Command+Option+J (Mac) 或 Control+Shift+J（Windows、Linux、Chrome OS）打开控制台，就在这个页面上。

查看和更改页面的 JavaScript 或 DOM

在构建或调试页面时，在控制台中运行语句以更改页面的外观或运行方式通常很有用。

01 请注意下面按钮中的文本。

hello wrold

02 document.getElementById(‘hello’).textContent = 'Hello, Console!