javascript - jQuery:有没有办法获取 HTML 元素的外部 CSS 并附加到其 "Style"属性？

Question

基本上我想做的是获取外部样式表中引用的所有 CSS，例如 <link rel="stylesheet" href="css/General.css">并将其附加到我页面中每个 HTML 元素的任何现有样式。 (使所有 CSS 内联)

这是因为我需要调用.html()抓取一个 div 并发送到服务器以制作成 PDF。此工具的缺点是它只能识别内联 CSS。

有没有办法做到这一点？

编辑:作为“可能的重复项”链接到我的问题只谈到将所有内容都放在 <style> 中标签。虽然这可能有用，但我主要关心加载到 style="" 中html 属性

Answer 1

过去，我使用 window.getComputedStyle(element); 来达到这个目的。它将返回应用于该元素的所有样式的映射，然后您可以遍历该元素并将其作为内联样式应用。如果可以避免的话，我不会将它们应用于实际的 DOM(只需创建一个文档片段/按照您发送的字符串的样式连接它)。将那么多内联样式实际应用于一个元素将是一场性能噩梦。

使用计算样式可能仍然不够，因为用户代理样式表中有 vendor 前缀样式。如果您将标记从 Firefox 发送到 PhantomJS(webkit)，您显然不会获得外观相同的元素。