我正在使用Chrome和Firefox的用户脚本,我正在检查用户访问过的链接。我有
a{
color: blue;
}
a:visited{
color: red !important;
}
一旦页面加载就导入我的css中的。我访问过的页面上的a-links为红色,而不是默认的蓝色。然后我用:
alert(window.getComputedStyle(document.getElementById("myLink"), null).getPropertyValue("color"))
在每个链接上,他们都为Firefox中的访问链接返回红色,但在Chrome中,它们都返回蓝色。
我想知道如何使用javascript与Chrome实现查找访问过的链接。 Jquery代码或普通的javascript代码很好。提前谢谢。
答案 0 :(得分:8)
A_horse_with_no_name是对的。浏览器供应商在2010年修复了:visited
安全问题,经过一个漂亮的演示(Spyjax;不再向上)证明任何网页都可以发现您是否访问过任何指定的网址。您可以验证链接上的getComputedStyle
不再返回:visited
颜色 - 即使在同一个域中也是如此:
// Test I used within the JS console.
// :visited is no longer detectable by getComputedStyle.
function getLinkColor(url) {
var a = document.createElement('a');
a.href = a.textContent = url;
document.body.appendChild(a);
return document.defaultView.getComputedStyle(a, null).color;
}
getLinkColor('http://stackoverflow.com/questions/5394099/detect-visited-link-in-chrome');
getLinkColor('http://stackoverflow.com/some-fake-path');
对于Chrome扩展程序,如果您想检测用户是否访问了某个网址,我认为您必须申请"history"
权限并致电chrome.history.getVisits
。