当你需要将已经在浏览器中运行的 JavaScript 变量的值复制到剪切板或其他地方时，你可能会想知道如何做。幸运的是，在 Chrome 开发者工具中，我们可以使用一些技巧来实现这个目标。在本文中，我们将详细讨论如何在 Chrome 中复制已观察的 JavaScript 变量。
第一步：打开 Chrome 开发者工具
首先，我们需要打开浏览器的开发者工具。你可以通过右键点击页面并选择“检查”或按下 F12 键来打开它。
第二步：选择要复制的变量
一旦开发者工具被打开，我们需要选择要复制的变量。你可以选择一个已经存在于控制台中的对象或变量，或者你可以自己创建一个对象。
例如，我们可以使用以下代码定义一个名为 myObj 的对象：
const myObj = { key1: "value1", key2: "value2" };第三步：将变量放入全局作用域
由于对象和变量通常只能在自己的作用域范围内使用，我们需要将它们放入全局作用域中，以便我们可以在控制台中直接访问它们。
为了将 myObj 对象放入全局作用域中，我们可以使用以下代码：
window.myObj = myObj;
现在，myObj 对象已经可以在开发者工具的控制台中访问了。
第四步：在 Chrome 控制台中复制变量
一旦变量已经被放入全局作用域中，我们就可以在 Chrome 控制台中复制它们。为此，我们需要使用控制台提供的功能来打印对象或变量，并将其复制到剪贴板中。
例如，我们可以使用以下代码打印 myObj 对象：
console.log(myObj);
然后，在 Chrome 控制台中右键点击输出结果并选择“复制对象”，就可以将对象复制到剪切板中了。
此外，你还可以使用 copy 命令将变量直接复制到剪切板中。例如，我们可以使用以下命令复制 myObj 对象：
copy(myObj);
这将自动将 myObj 对象复制到剪切板中。
总结
通过以上步骤，我们可以很容易地在 Chrome 中复制已观察的 JavaScript 变量。在实际开发中，这是非常有用的技巧，可以帮助我们更轻松地调试代码和分析数据。
示例代码:
-- -------------------- ---- ------- -- ------ ----- ----- - - ----- --------- ----- -------- -- -- ---------- ------------ - ------ -- -------------- ------------------- -- --------------------- ----------- --
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29873