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

Question

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

Answer 1

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

functionaName.toString（）;

Answer 2

使用domNode属性查看窗口小部件的顶级dom节点。

为了捕获此属性，首先使用registry.byId dijit/registry

按ID获取小部件

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

https://jsbin.com/wizodibaqo/edit?html,css,console,output

供参考：

  

domNode - 小部件中的顶级节点。所有小部件都有一个DOM   节点附加到它们，或者通过传递期间传递的srcNodeRef   实例化，或者在声明时由窗口小部件框架创建的实例   一个以编程方式。这是一个真正的DOM节点，并且在所有节点中都很常见   dijit的。例如，如果您希望显示或隐藏窗口小部件，则可以   修改.domNode的CSS属性显示：

https://dojotoolkit.org/reference-guide/1.10/dijit/info.html