介绍
jsFiddle 是一个流行的在线代码编辑器，方便前端开发人员分享和测试他们的代码。在使用 jsFiddle 时，您可能会遇到一些问题，例如如何在 JavaScript 控制台中访问 jsFiddle 中的变量。
解决方法
要访问 jsFiddle 中的变量，需要了解 jsFiddle 的工作原理。jsFiddle 将您的 HTML、CSS 和 JavaScript 代码放置在一个 iframe 中，并在页面上呈现它们。因此，在控制台中访问 jsFiddle 变量需要先获取 iframe 对象。
以下是通过 JavaScript 获取 iframe 对象的代码示例：
--- ------ - ---------------------------------- -- -------- - -------- --- ------ ---
一旦你有了 iframe 对象，就可以使用 .contentWindow 属性来获取 iframe 中的全局对象。这个全局对象包含 jsFiddle 中的所有变量和函数。例如，下面的代码演示了如何在 JavaScript 控制台中打印出 jsFiddle 中的变量 "myVar"：
--- ------ - ---------------------------------- ----------------------------------------
如果您想从控制台中修改 jsFiddle 中的变量，则可以使用类似的方式。下面的代码演示了如何将 jsFiddle 中的变量 "myVar" 设置为一个新值：
--- ------ - ---------------------------------- -------------------------- - ---- -------
总结
在 JavaScript 控制台中访问 jsFiddle 中的变量可能会导致一些问题，但是通过获取 iframe 对象并使用 .contentWindow 属性，您可以轻松地访问和操作这些变量。希望这篇文章能够对您有所帮助。
示例代码：
--------- -----
------
------
--------------- ---------------
-------
------
---- ---------------- ------------
--------
--- ----- - ------
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28505