Javascript 如何使dojo小部件的浏览器源代码可见

我以声明方式创建了一个dojo小部件，当它在浏览器中呈现时，我只能在浏览器源代码中看到声明的小部件，而看不到其中的内容。 如何查看小部件DOM中的内容？我知道检查DOM会使内部源代码可见。但是我想知道，当我要求浏览器显示源代码时，是否有一种方法可以查看完整的源代码。

对任何函数调用toString（）都可以显示该函数的源代码。可能这可以帮助您显示DOJO小部件的源代码

---

functionName.toString（）

使用

domNode

属性查看小部件的顶级dom节点

要捕获此属性，请首先使用

registry.byId

例如，您可以在控制台中看到该属性：

供参考：

domNode—小部件中的顶级节点。所有小部件都有一个DOM 连接到它们的节点，或者通过在 实例化，或声明时由小部件框架创建的实例化 一个是通过编程实现的。这是一个真正的DOM节点，在所有应用程序中都很常见 迪吉特。例如，如果您希望显示或隐藏小部件，您可以 修改.domNode的CSS属性显示：

---

你所说的“完整源代码”是什么意思？例如，当我右键单击浏览器（比如Chrome）并单击页面源代码时，我应该能够看到Dojo生命周期后小部件中呈现内容的完整源代码。目前我所能看到的id只是声明小部件，就像Chrome或任何浏览器中都没有这样的功能一样。“查看源代码”仅显示服务器在处理任何内容之前交给浏览器的HTML文本。您正在寻找的是Javascript调试器。