把大象放到冰箱里,分为三步。
第一步:F12 打开 chrome 的开发模式,在[Sources]面板的[Overrides]下,开启[Enable Local Overrides],也就是 chrome 自动覆盖网站的任意文件选项。
第二步:用选择页面元素工具,选中页面帖子的 cell 元素,点右边 css 文件名,直接修改样式,会自动跳转到 css 编辑源文件模式。
第三步:为样式添加 background-color:lightgray;后,按 Ctrl+S 保存文件。
注:chrome 会自动在硬盘上指定的目录里生成 www.v2ex.com 目录,以及修改后的 CSS 文件,全程自动化,不需要任何额外编辑,就能看到替换效果。只要目录不删除,v2ex 的 css 名字不变化,就永远有效。
1
Girlphobia 2021-04-10 22:25:41 +08:00 3
V2EX 的设置有 “使用自定义 CSS” 功能。
|
2
3dwelcome OP @Girlphobia V2 这都有吗?太高端了。赞一个。
|
3
Girlphobia 2021-04-10 22:29:50 +08:00 2
@3dwelcome 实际上这是一个非常老的功能。
对于任意网站的自定义样式,可以用 User JavaScript and CSS ( https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld) 的 Chrome 插件。 |
4
Jirajine 2021-04-10 22:48:45 +08:00 via Android
用 stylus 啊,我就给网页的邮件列表、rfc 加了样式,让它们不那么辣眼睛。
|
5
3dwelcome OP @Jirajine 倒不是为了加页面特效,用大象来举例,只是说明只用 chrome 原生功能,覆盖一个 css/js/接口是如此简单。甚至连普通的 ajax 请求都能给覆盖掉。
chrome 早期版本没有,后来加上后,很多人不知道,我也是最近才知道。 |
6
MajestySolor 2021-04-11 04:32:34 +08:00
日常使用的网站都用 stylus 做了微调,否则天天看自己不喜欢的字体或颜色可受不了
|
7
matrix67 2021-04-11 09:35:48 +08:00
|
8
lujjjh 2021-04-11 14:03:50 +08:00
这个好像只能在打开开发者工具的时候奏效,关闭开发者工具之后强刷页面,就没了。
@Girlphobia 「使用自定义 CSS 」功能的痛点是插入的 <style> 在内容之后,内容显示出来了才会加载自定义样式,视觉上会闪一下。 看来还是得使用插件…… |
9
Girlphobia 2021-04-11 16:47:01 +08:00 1
@lujjjh 收到反馈,之后会研究一下能否改变自定义 CSS 加载的位置。
|