如何调试 CSS 分页媒体模板？

Posted 2023-02-16

【中文标题】如何调试 CSS 分页媒体模板？

【英文标题】：How can I debug a CSS Paged Media template?

【发布时间】：2019-12-15 22:55:48

【问题描述】：

我正在开发一个 CSS Paged Media 模板，并且遇到了一些与 Paged Media 特定的 CSS 项目（例如 @page）有关的问题：我有一个在最后一个应用背景图像的规则文档的页面，但此背景图像出现在我文档的其他位置。

我使用 Antennahouse 渲染引擎，它允许我查看渲染结果，但没有告诉我为什么元素会以它们的方式渲染。

我使用 Chrome 或 Firefox 中的开发人员工具来查看哪些 CSS 元素应用于 html 的每一位，但 Chrome 和 Firefox 不理解像 @page 这样的分页媒体选择器。是否有提供类似视图并理解分页媒体的工具？或者我可以通过其他方式来解决这个问题？

【问题讨论】：

你也可以针对当前的问题提出一个问题吗？

【参考方案1】：

一种方法 - 在代码中 printf() 语句的悠久传统中 - 是将信息放入/复制到命名字符串或运行元素中，这些元素被定向到您不使用的页边距框。