如何访问访问过的链接历史记录

Question

我尝试使用 CSS :visited 属性获取访问过的链接，但它不起作用。

是否有任何方法或解决方法可以使用JavaScript，jQuery或通过任何其他技术获取访问过的链接？

Answer 1

您可以使用

localStorage创建自己的链接历史记录，并存储单击了哪些链接以及单击了多少次链接。

堆栈代码段中的这段代码在下面可能不起作用，但您可以将代码粘贴到文件或 JSFiddle 中，它会正常工作。链接历史记录将保存在 localStorage 中，每次单击锚点时，其相应的计数都会增加。

$('a').on("click",function(){
var anchorhistory=localStorage.getItem($(this).attr("id"));
if(anchorhistory){
anchorhistory=parseInt(anchorhistory)+1;
localStorage.setItem($(this).attr("id"), anchorhistory);
alert($(this).attr("id")+" is clicked "+anchorhistory+" Times");
}
else{
anchorhistory=1;
localStorage.setItem($(this).attr("id"), anchorhistory);
alert($(this).attr("id")+" is clicked "+anchorhistory+" Times");
}
})

ul a{
  cursor:pointer;
  color:blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li><a id='anchor1'>anchor1</a></li>
<li><a id='anchor2'>anchor2</a></li>
<li><a id='anchor3'>anchor3</a></li>
<li><a id='anchor4'>anchor4</a></li>
</ul>

Answer 2

> enter code here javascript 不支持它，因为我也尝试找到收集 a：visited 链接数据的方法以隐藏访问的节点。

一些参考：隐私和：visited选择器 - CSS |多核

如果您关心的只是样式，您应该能够通过CSS实现它，但是通过屏幕上显示的内容应该是观察它被访问的唯一方法。

我在 Greasemonkey 的用户脚本中这样做，让那些没有 a：visited风格的网站显示那些已经访问过的链接。

// ==UserScript==
// @description    ADD a:visited for CSS
// @include        *annalscts.com*
// @include        *thejns.org*
// @include        *turkishneurosurgery.org.tr*
// @include        *nature.com*
// @include        *academic.oup.com*
// @include        *sagepub.com*
// @grant          GM_addStyle
// ==/UserScript==
GM_addStyle('a:visited {color:#EE5665 !important}');

为了将数据收集到本地，我使用 Greasemonkey API

GM_setValue 
GM_getValue

我刚刚在 Youtube 上观看了 API 的教程，并尝试写入用户脚本

Greasemonkey API：值只是在Youtube上搜索这个标题。

书面教程：http://nulleffort.com/greasemonkey-api-values/

油脂猴文档：https://wiki.greasespot.net/Greasemonkey_Manual:API

我的用户脚本的某些部分

//Firstly, var the ordinary variable preVisitedLinks and assigning to memory variable visitedLinks (At first the value should be undefined)
var preVisitedLinks = GM_getValue("visitedLinks");
unsafeWindow.aclick = function(tlink){
    window.open(tlink, '_blank', 'toolbar=yes,scrollbars=yes,resizable=yes,top=10,left=10,width=10,height=10'); // click a button added and get the link visited in my script 
    //If the ordinary variable preVisitedLinks is undefined (First time running the script)
    if(preVisitedLinks.includes('undefined')){
        GM_setValue('preVisitedLinks', '|' + tlink.replace('http://paper.pubmed.cn/',''));
    }
    //If the ordinary variable preVisitedLinks is not undefined, continue to add each new string collect
    else{
        GM_setValue('preVisitedLinks', preVisitedLinks + '|' + tlink.replace('http://paper.pubmed.cn/',''));
    }
    //The ordinary variable preVisitedLinks assigning to memory variable visitedLinks value. The magic is the variable name the same.
    preVisitedLinks = GM_getValue("preVisitedLinks");
    if(preVisitedLinks.length > 27500){
        preVisitedLinks = preVisitedLinks.substr(preVisitedLinks.length - 27500);
    }
    //The memory variable visitedLinks value assigning to the ordinary variable preVisitedLinks value
    GM_setValue('visitedLinks',preVisitedLinks);
    console.info(preVisitedLinks);
};

在某些地方，我使用字符串来检测访问过的链接代码

if(preVisitedLinks.includes(trs[i].querySelectorAll('li')[0].querySelector('a').href.replace('http://xxx.xxxx.com/',''))){
        trs[i].remove();
    }

Answer 3

如@Nevershowmyface所述，您可以访问上次访问的页面。

这里有两个例子，一个使用CSS，一个使用jQuery。