怎么可以快速隐藏和改变浏览器中网页的 css 样式?

2021-11-09 10:08:58 +08:00
 akaayy
需求是这样的:
我要在一个网站上去输入条件得到一个结果页面
我要打印这个结果页面,但是这个页面有一些杂乱的元素
我想使用 css 把这些杂乱元素隐藏掉或者修改一下样式
最后出来一个我想要的内容和样式再进行打印

我想问有没有一个办法可以编写好样式规则后,在地址栏输入回车,就可以把页面按我想要的样式调好。

我知道油猴脚本可以实现改变样式,但是前面哪一步“输入条件得到一个结果页面”也是在同一个页面的,所以又不能直接隐藏“输入条件”这部分内容,等得到结果后,我才想隐藏这个“输入条件”的区块内容。

有没有其他办法呢
1010 次点击
所在节点    问与答
10 条回复
lalalaqwer
2021-11-09 10:44:12 +08:00
加快捷键做控制啊
3x1415926535
2021-11-09 10:48:37 +08:00
stylish 有开关
lisianthus
2021-11-09 10:49:29 +08:00
用 document.styleSheets 获取当前页面的样式,然后操作里面的 CSSStyleSheet
akaayy
2021-11-09 10:57:17 +08:00
@lalalaqwer
用什么方法,加快捷键?
akaayy
2021-11-09 11:11:58 +08:00
@lisianthus
用什么方式去获取和操作?
lalalaqwer
2021-11-09 11:31:12 +08:00
@akaayy 你不是都说了油猴脚本了,在脚本里面定义就可以了
phxsuns
2021-11-09 12:15:48 +08:00
你用直接加样式的时候用 @media print 声明是打印用的样式,就只会在调用打印时生效,不会影响你页面操作搜索的。
oott123
2021-11-09 13:28:22 +08:00
user style 也能做到: https://github.com/openstyles/stylus
配合 7 楼的方法食用更佳
binux
2021-11-09 13:42:36 +08:00
套个 iframe
akaayy
2021-11-09 22:44:26 +08:00
@binux
跨域了,也可以改变 iframe 里面页面的样式吗?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/814063

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX