如何调试流星应用程序的HTML?

How to debug the HTML of a meteor app?

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

我是一个菜鸟,正试图将在 Themeforest 上购买的现有 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 的最佳方法是什么?

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

现在用的是Meteor Bootstrap CSS包,主题又坏了。无论如何,因为现在我没有从 Chrome 控制台收到任何错误,所以很难理解什么不起作用

如果没有明确说明到底是什么不起作用,就很难提供帮助。但是,您的问题可能与 Meteor "repackage"(不确定它是否正确)以及在将它们发送给客户端之前缩小所有 CSS 和 JS 文件这一事实有关。 最近在我的项目中添加第三方 JS 文件时,我遇到了很多问题。为了解决这个问题,在没有官方Atmosphere包的情况下,我把所有的JS库都放在了client/compatibility里。 因此,Meteor 不会重新打包这些文件,而是先将它们加载到客户端。 希望这能解决您的问题。