讨论修改 V2EX 网站背景色需要几步。

2021-04-10 22:22:41 +08:00
 3dwelcome

把大象放到冰箱里,分为三步。

第一步:F12 打开 chrome 的开发模式,在[Sources]面板的[Overrides]下,开启[Enable Local Overrides],也就是 chrome 自动覆盖网站的任意文件选项。

第二步:用选择页面元素工具,选中页面帖子的 cell 元素,点右边 css 文件名,直接修改样式,会自动跳转到 css 编辑源文件模式。

第三步:为样式添加 background-color:lightgray;后,按 Ctrl+S 保存文件。

注:chrome 会自动在硬盘上指定的目录里生成 www.v2ex.com 目录,以及修改后的 CSS 文件,全程自动化,不需要任何额外编辑,就能看到替换效果。只要目录不删除,v2ex 的 css 名字不变化,就永远有效。

1883 次点击
所在节点    分享发现
9 条回复
Girlphobia
2021-04-10 22:25:41 +08:00
V2EX 的设置有 “使用自定义 CSS” 功能。
3dwelcome
2021-04-10 22:27:33 +08:00
@Girlphobia V2 这都有吗?太高端了。赞一个。
Girlphobia
2021-04-10 22:29:50 +08:00
@3dwelcome 实际上这是一个非常老的功能。

对于任意网站的自定义样式,可以用 User JavaScript and CSS ( https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld) 的 Chrome 插件。
Jirajine
2021-04-10 22:48:45 +08:00
用 stylus 啊,我就给网页的邮件列表、rfc 加了样式,让它们不那么辣眼睛。
3dwelcome
2021-04-11 02:02:00 +08:00
@Jirajine 倒不是为了加页面特效,用大象来举例,只是说明只用 chrome 原生功能,覆盖一个 css/js/接口是如此简单。甚至连普通的 ajax 请求都能给覆盖掉。
chrome 早期版本没有,后来加上后,很多人不知道,我也是最近才知道。
MajestySolor
2021-04-11 04:32:34 +08:00
日常使用的网站都用 stylus 做了微调,否则天天看自己不喜欢的字体或颜色可受不了
matrix67
2021-04-11 09:35:48 +08:00
@MajestySolor #6 老哥跟我一样哈哈哈握手

现在每个网站都长的差不多 2333
lujjjh
2021-04-11 14:03:50 +08:00
这个好像只能在打开开发者工具的时候奏效,关闭开发者工具之后强刷页面,就没了。

@Girlphobia 「使用自定义 CSS 」功能的痛点是插入的 <style> 在内容之后,内容显示出来了才会加载自定义样式,视觉上会闪一下。

看来还是得使用插件……
Girlphobia
2021-04-11 16:47:01 +08:00
@lujjjh 收到反馈,之后会研究一下能否改变自定义 CSS 加载的位置。

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

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

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

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

© 2021 V2EX