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

3dwelcome 28天前 20

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

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

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

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

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

最新回复 (9)
  • Girlphobia 19天前
    引用 2
    V2EX 的设置有 “使用自定义 CSS” 功能。
  • 楼主 3dwelcome 19天前
    引用 3
    @Girlphobia V2 这都有吗?太高端了。赞一个。
  • Girlphobia 19天前
    引用 4
    @3dwelcome 实际上这是一个非常老的功能。

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

    现在每个网站都长的差不多 2333
  • lujjjh 19天前
    引用 9
    这个好像只能在打开开发者工具的时候奏效,关闭开发者工具之后强刷页面,就没了。

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

    看来还是得使用插件……
  • Girlphobia 19天前
    引用 10
    @lujjjh 收到反馈,之后会研究一下能否改变自定义 CSS 加载的位置。
  • 游客
    11
返回