有没有一种方法可以用JavaScript强制使用HTML中的硬编码样式

Is there a way to force hardcoded styling in HTML with JavaScript?

本文关键字：HTML 样式 编码 JavaScript 一种 方法 有没有      更新时间：2023-09-26

我知道这听起来与我们在响应式web方面试图实现的目标完全相反，但是，我有一个python脚本，它弹出了一个github风格的HTML表单，我想导出文章标签及其所有渲染样式，这样我就可以在另一个页面上像基于HTML的屏幕截图一样发布它（这个例子是我的计算机科学课讨论论坛）。

目前，我正在通过chrome的开发工具手动转换样式，但我希望有一种自动的方式来应用所有样式来硬编码元素，这样我的样式就不会泄露到网页的其他部分，并且我能够呈现一个完整的HTML片段，它可以像显示图像一样显示自己。

我试图制作一个嵌套的for循环，将所有应用的样式应用于元素，但由于标记类型不同，该实现中出现了很多错误。

如果有一种简单的方法可以做到这一点，我很想知道它。即使它是一个web服务，我必须将我的html粘贴到其中才能获得硬编码的结果。

我喜欢能够准备我的回应，我喜欢GitHub调味品的风格。我真的很想把它保存在HTML中，而不是到处张贴屏幕截图。

最后一点，没有iframe，或者只是链接到另一个页面来查看内容。

尝试使用Blob、URL.createObjectURL保存、"导出"html片段

var elem = $("article");
var styles = elem.css(["width", "height" /* , additional style properties */ ]);
elem.attr("style", function(i, style) {
  return $.map(styles, function(val, key) {
    return return key + ":" + val + ";"
  }).join();
});
var blob = new Blob([elem[0].outerHTML], {"type":"text/html"});
var objUrl = window.URL.createObjectURL(blob);
// do stuff with `objUrl`
// window.open(objUrl);
相关文章：