如何调试流星应用程序的 HTML
How to debug the HTML of a meteor app?
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 不会重新打包这些文件,它们会先加载到客户端上。希望这能解决你的问题。
- 我如何在我的流星应用程序中更改盒子的高度
- 我如何更改我的流星应用程序的数据库
- 流星应用程序中的按钮位置错误
- 在流星应用程序上使用推特进行创作
- 正在获取GCM流星应用程序的注册ID
- 错误'路径保留冲突'同时启动流星应用程序
- 移动流星应用程序源代码会破坏应用程序
- SMTP 服务器给出错误.邮件未在流星应用程序中发送
- 在流星应用程序中不增加 int 的计数器
- 在流星应用程序中检查 HTML
- 在Windows上设置流星应用程序的ROOT_URL
- 如何调试流星应用程序的 HTML
- 不能在流星应用程序上使用 setTimeout() 的函数
- 如何维护HTML头部/正文块加载到流星应用程序的顺序
- 在流星应用程序中加载音频文件
- 使用流星应用程序设置谷歌分析:跟踪未安装错误
- 是否可以在流星应用程序中使用本地(未发布)节点模块
- 流星应用程序需要很长时间才能重新编译
- 如何在流星应用程序上广播数据
- “使用代码 8 退出”示例流星应用程序