Chrome 开发大全之 01 控制台概述

01 控制台概述

本页介绍了 Chrome DevTools 控制台如何让开发网页变得更容易。控制台有 2 个主要用途：查看记录的消息和运行 JavaScript。

查看记录的消息

Web 开发人员经常将消息记录到控制台以确保他们的 JavaScript 按预期工作。console.log(‘Hello, Console!’)要记录消息，您需要在 JavaScript 中插入一个类似的表达式。当浏览器执行您的 JavaScript 并看到这样的表达式时，它知道它应该将消息记录到控制台。例如，假设您正在为页面编写 HTML 和 JavaScript：

<!doctype html>
<html>
  <head>
    <title>Console Demo</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <script>
      console.log('Loading!');
      const h1 = document.querySelector('h1');
      console.log(h1.textContent);
      console.assert(document.querySelector('h2'), 'h2 not found!');
      const artists = [
        {
          first: 'René',
          last: 'Magritte'
        },
        {
          first: 'Chaim',
          last: 'Soutine'
        },

0 条评论