问题描述
在我以前的网站上，我曾经使用Cookie在首次访问时显示首页。效果很好（），但使用cookie并不是今天的时尚，所以我想尽可能避免它。
On my previous websites, I used to use a cookie to display a pre-home page only on the first visit. That worked great (see for example here), but using cookies is not so trendy today, so I want to avoid it as much as possible.
现在，我的新网站项目几乎总是通过javascript（显示一个modalbox）预启动，所以我不需要在服务器上执行任何操作侧。我正在考虑使用HTML5 localStorage而不是cookie，如果浏览器没有localStorage，那么就会使用cookies。这是个好主意吗？
Now, my new website projects almost always have pre-home launched via javascript (showing a modalbox), so I don't need to do any action on the server side. I'm considering to use HTML5 localStorage instead of cookies, with a fallback on cookies if the browser does not have localStorage. Is this a good idea? What is the impact in terms of usability, privacy protection and website performance?
使用localStorage可以提高禁用Cookie的用户的可用性。但我知道一些HTML5功能只在一些浏览器中选择（像geolocalisation）。在任何浏览器上有没有像localStorage这样的限制？
Using localStorage will improve usability for users that have disabled cookies. But I know that some HTML5 features are only opt-in (like geolocalisation) in some browser. Is there any restriction like that for localStorage on any browser ? Is there any case where I will get a JS error if localStorage is available but deactivated for my site ?
推荐答案
可用性
如果localStorage可用， >用户不知道您是使用localStorage还是cookie。
Usability
The user will not know if you are using localStorage or a cookie. If a user disable cookies, localStorage will not work either.
没有明显的速度差异这两种方法。
There is no noticeable speed difference between the two methods.
sessionStorage仅适用于浏览器标签页的会话。如果关闭标签页，会话将丢失，数据也会丢失，这类似于任何后端语言的会话变量。
sessionStorage is only for that browser tab's session. If you close the tab, the session will be lost and the data will be lost too, it's similar to a session variable on any backend language.
localStorage将可用于浏览器中的任何选项卡或窗口，并且将一直存在，直到被用户或程序删除。与Cookie不同，您不能设置过期。
localStorage will be available for any tab or window in the browser, and will exist until it is deleted by the user or the program. Unlike a cookie, you cannot setup expiration. localStorage has a much larger storage limit as well.
- 不使用此数据服务器端，因此您不需要cookie。
- 如果用户禁用了cookie，localStorage也不会工作。
后退示例
您可以使用Modernizr验证localStorage是否可用，如果没有，请使用存储cookie。
Fallback Example
You can use a Modernizr to verify if localStorage is available and if not, use store a cookie instead.
if (Modernizr.localstorage) {
// supports HTML5 Storage :D
} else {
// does not support HTML5 Storage :(
}
您也可以放弃Modernizr并使用检查 typeof Storage！=='undefined'。
You can also forego Modernizr and use the check typeof Storage !== 'undefined'.
这篇关于使用localStorage而不是Cookie有什么缺点吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！