我该如何在Chrome浏览器中更改已访问链接的颜色?

19
我使用 Google Chrome 浏览器,发现未访问链接和已访问链接的颜色非常接近,很难区分,至少对我来说是这样。
我尝试了修改 Chrome 的用户数据文件夹中 Custom.css 配置文件的旧方法,但没有改变。
我希望能得到包括 JavaScript 代码或 CSS 设置在内的解决方案,可以在开发者窗口(F12)中运行/修改,即使它们不是永久设置。

2
我想知道为什么这个问题被踩了?是不够清晰吗?是愚蠢或者显而易见的吗?我不这么认为,正如@haslamjd在下面所说,目前还没有可用的解决方案。 - ElCharly64
4
或许这更适合Superuser而不是Stack Overflow?无论如何,在SU上有一个相关的问题:请参见http://superuser.com/questions/52967/change-default-css-of-google-chrome/191170 - myf
7个回答

14

以下是适用于所有平台和所有版本的Chrome的解决方案。

  1. 安装 Stylist 扩展程序
    编辑:Stylish 扩展程序(原扩展程序已不可用,这个替代品应该可以使用)。

  2. 在 Chrome 中点击“设置”

  3. 点击“扩展程序”

  4. 找到 Stylist 扩展程序并点击“选项”

  5. 点击“样式”

  6. 点击“添加新样式”

  7. 在“样式名称”处命名样式

  8. 勾选“所有站点”复选框

  9. 在“样式表文本”处复制并粘贴以下内容:
    A:visited { color: red ! important }

  10. 点击“保存”

  11. 找到一个有访问链接的页面,刷新一下页面,你会看到新的颜色。

你可以在这里找到你喜欢的颜色,也可以使用类似于 rgb(255, 0, 0) 的颜色代码代替 red

来源


3
很不幸需要一个扩展。在Alcatraz...嗯...工作这里,我们无法安装扩展。我猜开发人员不应该被信任拥有那种能力。 - Finni McFinger
谢谢!现在我可以看到我访问过的链接了!这真的很有帮助! - lemontwist
样式表链接已失效。 - JvdBerg
@JvdBerg 我认为它已经不再可用了。我也找不到它。我相信这个扩展可以达到同样的目的,随时可以试试。Stylish: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en - Vic Jang

2
以下方法适用于我,是一个非常好的解决方案:
如果您想自己制作扩展程序:
创建或导航到文件夹“c:\ Users [本地用户] \ AppData \ Local \ Google \ Chrome \ UserData \ Default \ User StyleSheets \”
在“User StyleSheets”中创建或编辑“Custom.css”:
A:visited,A:visited * {color:orchid!important}
注意:此代码也可用于@Vic Jang的答案。
创建或编辑“manifest.json”:
{ “name”:“my_custom_css”, “version”:“1”, “content_scripts”:[{ “matches”:[“:// / *”], “css”:[“Custom.css”] }], “manifest_version”:2 }
在Chrome浏览器中输入网址:“chrome://extensions”
勾选“开发者模式”框
点击“加载已解压的扩展程序...”
导航到包含“Custom.css”和“manifest.json”的“User StyleSheets”文件夹
勾选您创建的“my_custom_css”扩展程序旁边的“启用”框
重新启动Chrome

1
当我使用“加载未打包的扩展程序”并导航到此文件夹时,我会收到“无法加载扩展程序”的错误,错误消息为“'content_scripts[0].matches[0]'的值无效:无效的方案。无法加载清单。”你能帮忙吗? - Karthick Ganesan

2

试试StyleBot替代。

对于2022年,Vic Jang的回答中的Stylish扩展变得更难配置,需要您注册以部署自己的简单CSS样式。糟糕!

  1. 安装StyleBot扩展

  2. 访问扩展选项菜单

enter image description here

  1. 进入样式页面,添加新样式并填写如下:

URL匹配:* CSS:A:visited { color: red ! important }

enter image description here enter image description here

  1. 完成后,刷新页面一次,您应该会得到漂亮的红色已访问链接

enter image description here

  1. 如果在某些网站上红色不利于阅读,请为该URL /网站添加更多覆盖样式规则以使用其他颜色。

这个扩展很容易使用。 - Bohao LI

0

从Chrome浏览器33版本开始,样式表不再可用。因此,您在Windows 7路径上的custom.css解决方案已经失效。

与此同时,我一直未能找到谷歌针对视觉问题用户的解决方案。


我理解你的痛苦。Stylish Chrome扩展程序非常有效,可以弥补Google缺乏自定义的不足。多年来,我不得不一直询问周围的人一个链接是否被访问过,甚至有时候他们也很难根据显示器判断。我找到了一个漂亮的google.com Stylish主题,但仍然很难区分,所以我查看了样式表,并用一个漂亮的明亮颜色替换了已访问链接的十六进制颜色代码! - Ph0t0n

0

如果你想自己制作扩展:

  1. 创建或导航到文件夹 'c:\Users[local user]\AppData\Local\Google\Chrome\UserData\Default\User StyleSheets\'

  2. 在 'User StyleSheets' 中创建或编辑 'Custom.css':

    A:visited, A:visited *{color:orchid !important}

    注意:此代码也可用于 @Vic Jang 的答案。

  3. 创建或编辑 'manifest.json':

    { "name": "my_custom_css", "version": "1", "content_scripts": [{ "matches": ["*://*/*"], "css": ["Custom.css"] }], "manifest_version": 2 }

  4. 在 Chrome 中输入网址 'chrome://extensions'

  5. 勾选 '开发者模式' 框

  6. 点击 '加载已解压的扩展程序...'

  7. 导航到包含 'Custom.css' 和 'manifest.json' 的 'User StyleSheets' 文件夹

  8. 勾选您创建的 'my_custom_css' 扩展程序旁边的 '启用' 框

  9. 重新启动 Chrome


这个功能非常好用!+1。然而,它不仅限于谷歌搜索结果页面,还会为我已经访问过的任何链接着色(例如 SO 左侧边栏中的“主页”链接,以及我的个人资料框旁边的“我的收件箱消息/成就”图标链接)。请参见此处。有没有办法将其限制在仅适用于谷歌搜索结果页面? - Karthick Ganesan
谢谢更新 :) 但是,这似乎只适用于特定设备。 - Karthick Ganesan
如果你想限制颜色只在Google搜索结果页面上工作,那么请在'manifest.json'文件中替换以下代码:"matches": [":///"] 为 "matches": ["://www.google.com/*"],然后点击'chrome://extensions'菜单中的启用/禁用翻转开关旁边的重新加载按钮。 - xam
这个 DIY 扩展是可移植的吗?因为我看到 Custom.css 和 manifest.json 文件必须在每台计算机上创建。 - Karthick Ganesan
1
我认为它不是“可移植”的,除非您将其私下发布,并使用您的Google帐户同步设置:https://support.google.com/chrome/a/answer/2714278 - xam

0

访问下面的颜色链接,这是链接 color links

为了在Chrome中设置已访问页面的颜色。 将其添加到Chrome扩展程序中, 添加扩展程序后打开您想要添加的网站, 然后单击右上角的扩展程序, 它会显示颜色链接,单击它选择您希望的颜色。 如果您希望的颜色不在那里,请单击#,然后添加颜色代码并保存。 希望它有所帮助..


-1

找到解决方案,适用于Windows 7和10已测试... https://chrome.google.com/webstore/detail/stylist/pabfempgigicdjjlccdgnbmeggkbjdhd/related?hl=en

如果您不想点击链接,以下是操作步骤:

Randolph Knackstedt说: 有人告诉我Chrome扩展程序Stylist,我强烈推荐! https://chrome.google.com/webstore/detail/stylist/pabfempgigicdjjlccdgnbmeggkbjdhd/related?hl=en

该扩展程序允许用户选择自定义的已访问链接颜色,并且与最近的Chrome更新之前的custom.css完全相同。太好了!

安装扩展程序后,请执行以下操作:

--- 点击设置 --- 点击扩展 --- 找到样式扩展并点击选项 --- 点击样式 --- 点击添加新样式 --- 复制并粘贴以下内容: A:visited { color: red ! important } --- 命名样式 --- 点击所有网站复选框 --- 点击保存

现在您有了红色的已访问链接。如果您喜欢,可以选择不同的颜色。


我无法访问这两个链接,显示“该网站无法提供安全连接”。 - Al Lelopath

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接