如何仅使用LocalStorage检测网站回访用户？

没问题！完全可以用LocalStorage来实现网站回访用户的检测功能，甚至在纯前端场景下，它比Cookie更合适——毕竟它不会每次请求都带着数据发送到服务器，存储容量也更大（一般能到5MB左右）。

咱们捋清楚核心逻辑：

• 首次访问时，LocalStorage里没有ifVisited这个键，或者值未被标记为已访问；
• 用户完成首次访问后，我们把ifVisited的值设为true；
• 下次用户再来时，读取这个值就能判断是不是回访者了。

你初始代码里有个小坑：如果一开始直接执行localStorage.setItem('ifVisited', 'false')，会导致每次页面加载都重置状态，永远检测不到回访者。这里给你修正并完善后的完整代码：

<html>
<body>
  <!-- 这里可以放置你的页面内容 -->
</body>
<script>
// 先尝试读取LocalStorage中的访问状态
const visitedStatus = localStorage.getItem('ifVisited');

// 判断用户是否为回访者
if (!visitedStatus) {
  // 没有记录，说明是首次访问，初始化状态
  localStorage.setItem('ifVisited', 'false');
  console.log('欢迎首次光临！');
} else if (visitedStatus === 'true') {
  // 状态为true，说明是回访用户
  console.log('欢迎回来呀！');
}

// 页面加载完成后，标记用户已访问过
window.addEventListener('load', () => {
  localStorage.setItem('ifVisited', 'true');
});
</script>
</html>

另外补充几个注意事项：

• LocalStorage遵循同源策略：只有同一域名、同一协议、同一端口的页面才能共享这个存储值，跨域网站无法读取。
• 如果用户手动清除了浏览器的本地存储（比如在设置里删除缓存），这个检测会失效，这点和Cookie是一样的。
• 存储的值都是字符串类型，所以判断的时候要注意类型匹配（比如用=== 'true'而不是直接=== true）。

内容的提问来源于stack exchange，提问作者chris_evans