javascript - 有没有办法使媒体打印 css 显示为普通 View ？

Question

我开发了一个网站，其中包含大量打印媒体查询，以便在打印页面时对齐内容。当您在网络浏览器上进入打印模式时，查询效果很好。但我想在常规网页上应用/删除那些 @media print 查询，而不必进入打印模式。(通过单击按钮)有什么办法可以实现这一点？

Answer 1

除了 Boldewyn 的回答，如果你有 @media print里面的款式<style>标签，您可以将它们替换为 @media screen :

Array.prototype.forEach.call(document.getElementsByTagName('style'), function(style) {
    style.innerText = style.innerText.replace(/@media print/gi, '@media screen');
});

参见 demo .