我有一个包含 HTML 组件的 React 网页，其中一些组件使用 CSS 设置样式，而其他组件使用 javascript ( Glamor) 设置样式。我想要的是带有内联 CSS 的 HTML 代码，它完全复制了要在电子邮件中发送的页面的外观。
我知道我可以使用类似 Styliner 的包内联 CSS ，但我想知道是否有可能以某种方式将 js 定义的 Glamor 样式转换为纯 CSS 并将其内联？
如果不可能，那么我可能会探索不同的途径(获取页面的 PDF 快照)。感谢您的帮助!
最佳答案
您可以迭代 document.styleSheets 并在元素的 style 属性中设置每个 CSS 规则。在 HTML 元素的 HTML style 属性中设置的 CSS 伪元素和类当前不会在 document 中呈现。
关于javascript - 有什么方法可以将部分使用 Javascript 设计的网页转换为纯 HTML 和 CSS？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48234605/