浏览器抓取网页(*敏*感*词*浏览器切换页面*敏*感*词*左上角返回页面原理:跳转链接 )

　　浏览器抓取网页(*敏*感*词*浏览器切换页面*敏*感*词*左上角返回页面原理:跳转链接

)

　　监控浏览器切换页面

　　 //切换页面

document.addEventListener('visibilitychange', function () { //浏览器切换事件

if (document.visibilityState == 'hidden') { //状态判断

console.log("切换页面");

} else {

console.log("切换页面");

}

});

　　*敏*感*词*浏览器左上角返回页面原理：

　　1.在页面中，我们可以使用javascript窗口历史回到上一页，但是出于安全考虑，javascript不允许修改历史中已有的url链接，但是可以使用pushState 方法将 url 链接添加到历史记录中，并提供 popstate 事件监控以将 url 从历史堆栈中弹出。由于提供了popstate事件监控，我们可以监控。

　　2.虽然我们*敏*感*词*到了back事件，但是页面还是会回到上一页，所以我们需要用pushState添加这个页面的url来表示这个页面，大家都知道是#

　　 //返回页面

pushHistory();

window.addEventListener("popstate", function(e) {

alert("我*敏*感*词*到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能

// window.history.go(-1);

}, false);

function pushHistory() {

var state = {

title: "title",

url: "#"

};

window.history.pushState(state, "title", "#");

}

　　听浏览器返回刷新并关闭页面

　　页面链接跳转不记录历史

　　function fnUrlReplace(href) {

if (href && /^#|javasc/.test(href) === false) {

if (history.replaceState) {

history.replaceState(null, document.title, href.split('#')[0] + '#');

location.replace('');

} else {

location.replace(href);

}

}

};

fnUrlReplace(targetURL);

fnUrlReplace后面直接写一个链接，这样既可以跳转又不会记录历史，而且还做了兼容性处理，兼容到IE6。