每个ip / 24hs显示div一次不能用于chrome

我正在研究这个代码..并且适用于所有浏览器，除了chrome。 我想每24小时显示一次div（A）每IP一次。 显示div（A）后，我想在每次ip访问我的页面时显示另一个div（B）。 这是我的代码

    $(document).ready(function() { if( $.cookie('showOnlyOne') ){ //it is still within the day //hide the div $('#showOnlyOnceADay').hide(); $('#showothertimes').show(); } else { //either cookie already expired, or user never visit the site //create the cookie $.cookie('showOnlyOne', 'showOnlyOne', { expires: 1 }); //and display the div $('#showOnlyOnceADay').show(); $('#showothertimes').hide(); } });    
 Div(A) 
 
 Div(B) 
  

Chrome在Chrome中同时显示两个div。 有什么问题？ 谢谢！

Answer 1

您正在链接到github上的javascript文件的原始版本。 这不是正确的MIME类型，因此您需要下载并自行提供。 Github raw不是CDN。

你在本地机器上开发这个吗？ 如果是这样，Chrome就不接受通过文件协议的Cookie。 您可以通过使用标记启动Chrome来启用它们，也可以使用某个Web服务器通过HTTP对其进行测试。 更多信息可以在这里找到：

https://github.com/carhartl/jquery-cookie/issues/231

此外，只是要指出，从技术上讲，您的代码将无法通过IP地址工作，因为每台计算机和每个浏览器都存储了cookie，并且可以轻松清除和规避。 除此之外，两个div的标记在源代码中仍然可用，并且可以使用开发工具轻松查看。 如果安全性（或者说规则的可执行性）是一个问题，您应该考虑将cookie代码移动到服务器端，并且只将适当的div写入浏览器。