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

How to debug the HTML of a meteor app?

本文关键字:流星 应用程序 HTML 调试 何调试      更新时间:2023-09-26

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

我是一个菜鸟,试图将主题森林上购买的现有HTML主题移植到流星上。主题以HTML + JS形式提供。

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

我现在正在尝试在我的流星应用程序中使用此 HTML。我已经遥遥领先,因为页面显示了很多东西已经在工作了。不起作用的主要是 CSS/JS 冲突,如果我能像使用纯 HTML 一样检查 HTML 错误,这将很容易修复。无论如何,现在页面的来源主要是对JS库的引用,没有HTML标签,Chrome控制台也没有向我显示任何有意义的错误。

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

我的问题是:调试流星应用程序的HTML的最佳方法是什么?

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

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

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