Atom编辑器中是否存在javascript控制台和DOM树？

Question

我有一个页面index.html，我希望看到该页面的DOM树，以及该页面的javascript控制台输出。目前我看到了整个Atom Editor的DOM树(View > Developer > Toggle developer tools)，但我只能深入到< object >和类型browser-plugin -我看不到页面的html元素，比如SVG。当我输入console.log(‘随便’)时，控制台中什么也没有显示--同样，Atom似乎专注于加载Atom Editor的日志，而不是加载index.html。

我被一个客户要求使用这个文本编辑器，但是如果没有这些功能，我不知道如何使用它。有没有人知道它们是否可用以及它们在哪里？

谢谢艾玛

Answer 1

Atom不是WYSIWYG编辑器，要查看DOM树，您需要在浏览器中打开文件并在那里测试它。或者你可以使用这个插件https://atom.io/packages/atom-html-preview。不确定您是否可以在那里访问DOM树。你需要试一试。