Fatal编程技术网
  • javascript/
  • Atom编辑器中是否存在javascript控制台和DOM树？

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

javascript dom atom-editor

Atom编辑器中是否存在javascript控制台和DOM树？,javascript,dom,atom-editor,console.log,Javascript,Dom,Atom Editor,Console.log,我有一个页面index.html，我希望看到该页面的DOM树，以及该页面的javascript控制台输出。目前，我看到了整个Atom编辑器的DOM树（视图>开发人员>切换开发人员工具），但我只能通过类型浏览器插件深入查看——我看不到页面的html元素，例如SVG。当我输入console.log（'whatever'）；控制台中没有显示任何内容-同样，Atom似乎专注于加载Atom编辑器的日志，而不是加载index.html 一个客户端要求我使用这个文本编辑器，但是如果没有这些功能，我不知道如何使

我有一个页面index.html，我希望看到该页面的DOM树，以及该页面的javascript控制台输出。目前，我看到了整个Atom编辑器的DOM树（视图>开发人员>切换开发人员工具），但我只能通过类型浏览器插件深入查看——我看不到页面的html元素，例如SVG。当我输入console.log（'whatever'）；控制台中没有显示任何内容-同样，Atom似乎专注于加载Atom编辑器的日志，而不是加载index.html

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

谢谢
Emma

Atom不是所见即所得编辑器，要查看DOM树，需要在浏览器中打开文件并在那里进行测试。或者你也可以使用这个插件。不确定是否可以访问那里的DOM树。您需要尝试一下。

通常，如果您想测试网页，您需要使用web浏览器，而不是文本编辑器。谢谢。通过Chrome在本地执行此操作时，在加载CSV和XML数据时会出现“跨源请求”错误。我正试图向学生演示——我不想因为代码中的每一个微小变化而加载到服务器上运行本地服务器。谢谢，是的，我可以这样做，但我不想花一半的时间向学生解释什么是本地服务器。这是一个在线视频课程，他们将模仿我的设置。如果我能找到一个带有预览和控制台的文本编辑器（就像Coda 2一样），问题就会消失。但我的客户希望文本编辑器在Mac/windows上是免费的，这是可以理解的。我从你的回答中得知Atom编辑器没有插件或解决方案？我不知道。键入
php-s0.0.0.0:7007
需要10秒钟，这意味着我从来没有必要尝试将我的编辑器变成IDE。