javascript - DuckDuckGo 如何根据我是否访问过页面显示图标?

标签 javascript html css browser browser-history

我注意到在使用 DuckDuckGo 时,当我访问该页面时,链接旁边会出现一个勾号,如下所示:

Search Screenshot

特别让我感兴趣的是,与浏览器应用 a:visited 伪类的紫色链接不同,这是 DOM 中的一个单独元素:

DOM tree

我知道浏览器 leak information about visited links ,而且我也知道 DDG 可以存储我关注的链接(尽管这似乎违背了他们的 MO)。

这是使用前一种技术的情况吗?

编辑:我还检查了我的 cookie、本地和 session 存储、websql 和 indexedDB - 该页面没有使用。

最佳答案

他们只使用样式元素。没有花哨的技术。 anchor 元素包含一个带有复选图标(内容:“\2611”)和工具提示的::before 元素。

字体颜色默认为#fff,使元素不可见。当您访问链接时,字体颜色设置为灰色,使元素可见:

.result__check:visited {
    color: #c3c3c3;
}

所以这只是标准的浏览器行为,没有技巧。

关于javascript - DuckDuckGo 如何根据我是否访问过页面显示图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24854750/

相关文章:

JQuery Animate 和 CSS 过渡冲突?

javascript - 如何更改大屏幕上的菜单对齐方式?

html - 背景随滚动条一起消失。为什么?

html - 防止固定边栏内的粘性页脚重叠

jquery - 使用 jquery 将 CSS 添加到 iframe

javascript - 从扁平 JSON 中读取值

javascript - js,$.inArray,未返回预期返回

javascript - 有必要清理 JSON 吗?

javascript - 当表单字段发生更改且未保存时提示用户

c# - 如何在 CodeBehind 中为 TreeView 的某些节点设置 css 类?