Javascript 如何调试meteor应用程序的HTML？

TL；DR：我的问题是：调试meteor应用程序HTML的最佳方法是什么

我是一个noob，试图将之前购买的现有HTML主题移植到meteor。主题以HTML+JS形式提供

第一步是创建一个配置了主题所有选项的HTML页面。然后我更改了目录结构和JS库组织。这一步非常简单，因为我可以简单地打开HTML页面，检查弹出的HTML错误，然后添加CSS/JS或更改引用路径以匹配新的文件夹组织

我现在正尝试将此HTML与我的meteor应用程序一起使用。我已经遥遥领先，因为页面上显示了很多已经在工作的东西。不起作用的主要是CSS/JS冲突，如果我能像检查普通HTML那样检查HTML错误，这将很容易修复。无论如何，现在页面的源代码主要是对JS库的引用，没有HTML标记，chrome控制台也没有显示任何有意义的错误

这可能是因为我缺少一些非常基本的东西，也许我需要安装一些chrome插件来帮助我调试东西，或者我对meteor有些误解。我认为meteor动态生成页面，这就是为什么我在源代码中看到的大部分是JS而不是HTML，一个可能的解决方案可能是从meteor获得页面的静态版本

我的问题是：调试meteor应用程序HTML的最佳方法是什么

编辑说明：我将进一步解释自己，以帮助您理解场景：主题使用引导。当我创建一个自定义HTML页面时，我升级了Bootstrap，并且不得不更改代码中的一些引用。这很容易，因为Chrome告诉我哪些属性和资产无法加载

---

现在我正在使用Meteor Bootstrap CSS包，主题又被打破了。无论如何，因为现在我没有从Chrome控制台得到任何错误，所以很难理解什么不起作用，如果没有明确说明什么不起作用，很难提供帮助。但是，您的问题可能与Meteor“重新打包”（不确定是否是正确的词）和在将CSS和JS文件发送到客户端之前缩小所有CSS和JS文件有关。 最近，当我在项目中添加第三方JS文件时，我遇到了很多问题。为了解决这个问题，当没有官方的Atmosphere包时，我将所有的JS库都放在client/compatibility中。 因此，Meteor不会对这些文件进行重新打包，而是先将它们加载到客户端。

---

希望这能解决您的问题。

在这种情况下还是在一般情况下？我所说的“调试HTML”是指查看源代码，以便检查哪些资源无法加载。您好，您应该使用控制台工具来检查HTML、查看下载的资源文件等。在Firefox中，您可以使用FireBug，在Chrome中，您可以使用内置控制台。通常，您可以在浏览器窗口中右键单击并选择inspect element来获取浏览器的开发工具这就是我使用纯html所做的，但是现在我使用的meteor html是动态加载的，我只在检查源代码时获取javascript。但是源代码与开发工具不同，源代码应该与本地文件的外观完全相同，为纯文本。使用开发工具，您将看到DOM，您的页面在处理样式、javascript和HTML之后。通过查看源代码，我的意思是：右键单击>查看页面源代码，或在chromeThe中的f12在

client/compatibility

中的内容实际上首先加载，然后加载其他普通JS文件。谢谢，你说得对，我编辑了我的答案。