CSS已访问链接的隐私保护

摘抄自:《CSS权威指南 第四版》

有超过十年的时间,已访问的链接可以使用任何可用的CSS属性装饰,与未访问链接没有差别。

然而,大约在2005年,有几个人通过示例揭露,通过视觉样式和简单的DOM脚本就可以判断用户是否访问过特定页面。例如,对:visited{ font-weight: bold; }规则来说,脚本可以找出所有加粗的链接,告诉用户他们访问过哪些网站。更槽糕的是,已访问的网站可能会被服务器偷偷收集。不使用脚本的话,还可以通过背景图像达到相同的效果。

对你来说这可能不是什么严重的问题,但在有些国家,访问某些网站(反对党、未经批准的宗教组织、邪教或腐败网站等)可能招致牢狱之灾。钓鱼网站还可以利用这一点查出用户访问过哪些重要资源。

鉴于此,相关方采取了两个措施:

  1. 首先,只能把颜色相关的属性应用到已访问的链接上,包括:color、background-color、column-rule-color、outline-color、border-color,以及各边的边框颜色属性(例如:border-top-color)。除此之外的属性将被忽略。此外,:link定义的样式除了应用到未访问的链接上之外,也会应用到已访问的链接上,因此:link能装饰所有超链接 ,而不只是装饰所有未访问的超链接。
  2. 其次,如果通过DOM查询已访问链接的样式,返回的值跟未访问时一样。因此,如果把已访问链接的颜色设为紫色,未访问链接的颜色设为蓝色,那么通过DOM查询颜色时,返回的是蓝色,而不是紫色。

从2017年年未起,这一行为在所有浏览模式中都应用了,而不仅限于隐私浏览模式。

尽管只能使用有限的CSS属性区分已访问链接和未访问链接,但是为了可用性和可访问性,我们还是要充分利用有限的属性把已访问的链接和未访问的链接区分开。

相关推荐
计算机魔术师9 分钟前
AI渗透框架3小时破云,中国黑客组织正在升级打法
前端
蒲公英内测分发11 分钟前
智能手环出海测试,海外合作方分散在不同国家,Android 测试包怎么持续分发和更新?
android·前端·人工智能·测试工具·智能手表
朱涛的自习室18 分钟前
高价软件已死,我让 AI 开启了「平替计划」(Day 7 / 7)
android·前端·github
沙蒿同学33 分钟前
Wails v3 实战:一个桌面提醒客户端,从 v2 升到 v3 的全过程
前端·后端·github
inquisiter1 小时前
KernelGpt的部分尝试
java·前端·apache
the局外人1 小时前
用 TRAE 把 Markdown文档 搬到微信公众号
前端
Autumn_ing1 小时前
AI原型设计工具怎么选?可编辑原型与可运行前端适合什么场景
前端·小程序·产品经理·代码·codex·墨刀ai客户端·ai原型
夕阳_醉了2 小时前
前端通用组件开发全指南|从 0 到 1 打造稳定可复用的业务组件
前端
Amos_Web2 小时前
Rspack 源码解析(三十):SourceMapDevToolPlugin 如何生成并关联 source map
前端
console.log('npc')2 小时前
从0到1实现任务评价统计功能:React + TypeScript 实战指南(小白注释版)
前端·react.js·typescript