如何从加载的网页中找到css模式并将其删除

如何从加载的网页中找到css模式并将其删除,css,developer-tools,Css,Developer Tools,有一个Amazon.com页面未在打印预览中呈现,显示为空白(它是在线退货中心\您的退货摘要页面)。通过在本地保存的页面副本上的大量尝试和错误,我在一些错误链接的样式表中找到了罪魁祸首,该样式表在打印预览期间隐藏了所有内容 @媒体打印{ 正文*,标题{ 可见性:隐藏; } } 然而,回到最初的网站,我正在努力从开发者工具中的live页面找到该源代码。在哪里可以从开发人员工具中查找这种结构并覆盖它,以便打印预览按预期呈现 我尝试过的 到目前为止,从元素视图中,我正在搜索所有的链接rel=“st

有一个Amazon.com页面未在打印预览中呈现,显示为空白(它是在线退货中心\您的退货摘要页面)。通过在本地保存的页面副本上的大量尝试和错误,我在一些错误链接的样式表中找到了罪魁祸首,该样式表在打印预览期间隐藏了所有内容

@媒体打印{
正文*,标题{
可见性:隐藏;
}
}
然而,回到最初的网站,我正在努力从开发者工具中的live页面找到该源代码。在哪里可以从开发人员工具中查找这种结构并覆盖它,以便打印预览按预期呈现


我尝试过的

到目前为止,从
元素
视图中,我正在搜索所有的
链接rel=“stylesheet”
点击,并手动将所有
HREF
跟踪到css并搜索关键字打印。这最终起作用了,但当我删除链接标签并返回页面打印时,仍然会得到相同的空白页面。可能是服务器端的错误

这是
标题
部分中的链接


我可以在本地做些什么来删除这个糟糕的css

这是我要说的预览

哦,等等,我不确定我之前失败了什么,但当我右键单击开发人员工具的元素视图中的链接标签并选择
删除元素时,预览现在可以正常工作了。最后删除了整个样式表的全部效果,我想知道是否有更灵活的方法从作者答案的评论中选择
@media print
部分来删除:


对于单个删除和打印,您可以通过颠倒链接答案中的步骤,尝试在正常情况下使用
print


如果使用Chrome Open developer工具,请单击右上角的3个垂直点,转到
更多工具
-->
渲染

然后找到
模拟CSS媒体类型
列表框并选择
屏幕
。触发打印并查看打印预览,检查内容是否按预期呈现,然后继续打印


对于单个删除和打印,您可以尝试通过反转链接答案中的步骤,甚至在它正常使用
打印时也可以尝试。屏幕上的模拟成功了!发布一个答案,我会接受它并上传一些截图。完成,谢谢。很高兴它对你有用。