时间戳

首页 > 解决方案 > 如何在 Chrome 控制台中访问 Javascript 对象

javascript - 如何在 Chrome 控制台中访问 Javascript 对象

问题描述

我在文件中有一个（ES6 风格）Javascript 类。我使用脚本标签将它导入 HTML（我什至使用了该type="module"属性）。（首先我使用了一个 main.js 文件并将该文件与那里的类一起导入）

export default class Gameboard {

    constructor(elementId) {
        this.gameboardElement = document.getElementById(elementId);
    }

    ... some methods
}

该对象还有一些我想在浏览器控制台（Chrome 或 Firefox）中测试的其他方法。但是当我尝试在控制台中实例化它时，我得到一个错误：

let gb = new Gameboard();
Uncaught ReferenceError: GameBoard is not defined

我尝试先使用 import 语句导入它，但它在控制台中不起作用。我收到一个错误：

Uncaught SyntaxError: Cannot use import statement outside a module

这甚至可能是我想要做的吗？

标签： javascriptgoogle-chromeconsole

解决方案

我相信我已经找到了我的问题的答案。

除非您在源选项卡中进入调试模式，否则无法直接访问控制台中的变量和对象。您必须在 Javascript 代码中设置断点。运行代码后，执行在断点处停止，您可以使用控制台中已实例化到该点的所有变量。

来源：开始在 Chrome DevTools 中调试 JavaScript

推荐阅读