问题描述
有一个 Amazon.com 页面不会在打印预览中呈现并显示为空白（它是在线退货中心\您的退货摘要页面）。通过对本地保存的页面副本进行大量反复试验，我发现了一些错误链接样式表的罪魁祸首，该样式表在打印预览期间隐藏了所有内容...
@media print {
body *,header {
visibility: hidden;
}
}
但是回到原始网站时，我正在努力从开发人员工具的实时页面中找到该源。我在哪里可以从开发人员工具中查找这种结构并覆盖它，以便打印预览按预期呈现？
我的尝试
从 Elements 视图到目前为止，我正在搜索所有 link rel="stylesheet" 匹配项并手动跟踪所有 hrefs 到 css 并搜索关键字 print .结束工作，但是当我删除链接标签并返回页面进行打印时，我仍然得到相同的空白页面。也许这是服务器端的错误？
这是在 head 部分找到的链接
<link rel="stylesheet" href="https://images-na.ssl-images-amazon.com/images/I/01WIasbg6mL._RC|014yivy0BxL.css_.css?AUIClients/PREXWebAppBuzzAssets-confirmationPage">
我可以在本地做些什么来删除这个糟糕的 css？
这是我正在谈论的预览
解决方法
来自对作者回答的评论：
对于单个删除和打印，您可以通过颠倒链接答案中的步骤来尝试 force Chrome to use the screen styles，即使它通常会使用 print。
如果使用 Chrome 打开开发者工具，点击右上角的 3 个垂直点，转到 More tools --> Rendering
然后找到 Emulate CSS media type 列表框并选择 Screen。触发打印并查看打印预览并检查内容是否按预期呈现并继续打印。
哦等等，我不确定我之前没有做些什么，但是当我在开发者工具的元素视图中右键单击链接标签并选择 Delete element 时，预览现在可以按预期工作。最终删除了整个样式表的整个效果，我想知道是否有更灵活的方法来删除 select @media print 部分