HTML5 浏览器检测

浏览器检测

Web Storage 是一项非常重要，并且很实用的技术，因此浏览器的支持度非常高，所有的主流浏览器，包括IE8，都在一定程度上支持Web Storage。尽管如此，最好还是像往常一样，在使用前先检测浏览器是否支持Web Storage。

在Web Storage中，可以直接使用 window 对象访问特定域下存储的数据。因此，只需检测浏览器是否支持 window.localStorage 或 window.sessionStorage，就能确定它是否支持Web Storage。如，以下代码可以检测浏览器是否支持 localStorage：

1. if(window.localStorage) {
2.     alert("浏览支持localStorage");
3. } else {
4.     alert("浏览暂不支持localStorage");
5. }

在Google Chrom浏览器中的运行结果如图 5‑1 所示：

图5-1 检测浏览器是否支持localStorage 和 sessionStorage

如果浏览器不支持 localStorage，就要使用其他本地存储技术，比如cookie，因为所有浏览器都支持cookie。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》，并全部在 GitHub 上开源。

版权声明：本文出自 歪脖网 的《HTML宝典》，欢迎在线阅读，并提出宝贵意见。