js中document.referrer实现移动端返回上一页

随着移动互联网的普及，返回上一页的需求在移动端愈发显得重要。在PC端，我们可以使用history.go(-1)或者history.back()轻松返回上一页，但在移动端，这样的操作有时会遇到问题。特别是在某些情况下，如从微信分享进入后，用户可能无法正确返回上一页，这会给用户体验带来困扰。这时，document.referrer这个JavaScript属性就显得尤为重要了。

document.referrer可以返回载入当前文档的文档的URL。这一属性允许客户端的JavaScript访问HTTP头部，从而获取到上一页的URL地址。这对于移动端返回上一页的问题来说，是一个很好的解决方案。无论是原生app还是传统的网页，返回上一页都是一个非常基本且重要的需求。

关于document.referrer的兼容性，它在IE7及以上版本、Android 5.0及以上版本以及所有iOS版本都得到了支持。这为它在移动端的广泛应用提供了可能。IE浏览器在跳转时会清空referrer属性，导致无法获取到浏览器请求的HTTP referrer。为了解决这个问题，我们可以采用一些技巧，比如为IE浏览器偷偷添加一个链接并自动点击，从而保留referrer。

针对移动端返回上一页的问题，特别是从微信分享进入后无法返回的情况，【张鑫旭】大神给出了一个解决方案。当点击返回按钮时，我们可以通过判断document.referrer的来源信息来决定是否返回上一页。如果没有来源信息或者来源url不是网站的url，我们可以选择返回首页或者屏蔽该url下的所有信息。这样，用户在使用移动设备时，就能得到更好的体验。

具体实现方法如下：首先判断document.referrer是否为空，如果为空则说明没有来源页面信息，此时将返回按钮的链接地址改为首页URL地址。这样当用户点击返回按钮时，就会返回首页。我们还可以根据document.referrer的来源url是否为我们网站的url来判断其来源是否可靠，如果判断该url来路有问题，则可以屏蔽该url下的所有信息，比如不让其显示图片等。这样的处理方式既保证了用户体验，也提高了网站的安全性。如何有效防止盗链：方法与挑战并存

在数字化时代，盗链现象屡见不鲜，对我们的网站安全和数据统计造成了不小的困扰。百度统计、Google Ads统计以及CNZZ统计等数据统计工具都在采用一系列手段防止盗链的发生。这其中有一个重要的话题需要——如何面对无法获取referrer信息的情况。本文将从狼蚁网站SEO优化的角度出发，如何应对这一问题。

让我们来了解一下哪些情况下无法获取referrer信息。这些情况包括但不限于：用户在浏览器直接输入；使用location.reload()刷新页面（但location.href或location.replace()刷新可以保留信息）；在微信对话框中点击链接进入微信浏览器；扫码进入微信或QQ的浏览器；直接在新窗口打开一个页面等。设置a标签的rel属性为"noreferrer"，或使用meta标签控制浏览器不发送referer信息也会导致无法获取referrer信息。一些老版本的浏览器如Chrome 4.0以下和IE 5.5以下也会返回空的字符串。使用修改Location进行页面导航的方法在IE浏览器下可能导致referrer丢失，这有可能是IE的一个BUG。跨域问题也可能导致无法获取referrer信息。

对于如何在这些场景下防止盗链并获取referrer信息，《狼蚁SEO》给出的建议似乎较为明确：“尽量避免”。尽管如此，我们还是可以通过一些方法来尝试解决这个问题。尽管目前还没有一种完美的解决方案，但我们可以尽量避免这些情况的发生，以减少盗链的风险。我们也应该持续关注和研究新的技术趋势和解决方案，以便更好地应对未来的挑战。

防止盗链是一个复杂且充满挑战的任务。通过深入了解无法获取referrer信息的各种情况并采取相应措施，我们可以提高网站的安全性并优化数据统计的准确度。希望本文的内容能对大家的学习和工作有所帮助，也希望大家能多多支持狼蚁SEO！我们也欢迎大家提出宝贵的建议和反馈，共同为构建一个更加安全、高效的数字化世界贡献力量。