HTML5 为 Web 应用程序带来了许多新功能和 API。其中之一是本地存储，它可以使我们在浏览器中存储和检索数据。但是，并非所有浏览器都支持本地存储，因此在使用本地存储之前，我们需要检查当前浏览器是否支持它。
在本文中，我们将介绍如何检测浏览器是否支持 HTML5 本地存储，包括 localStorage 和 sessionStorage。我们还将探讨如何处理不支持本地存储的情况，并提供示例代码以帮助您更好地理解这些概念。
检测本地存储支持
在 JavaScript 中，我们可以使用以下方法来检测浏览器是否支持本地存储：
-------- ------------------------- -
--- -
----- ------- - -----------
----------------------------- ---------
---------------------------------
------ -----
- ----- --- -
------ ------
-
-上面的代码尝试在本地存储中设置和删除一个测试键值对。如果浏览器支持本地存储，则该方法将返回 true。否则，它将返回 false。
同样，我们可以通过以下方法来检测会话存储（sessionStorage）是否受支持：
-------- --------------------------- -
--- -
----- ------- - -----------
------------------------------- ---------
-----------------------------------
------ -----
- ----- --- -
------ ------
-
-这些函数都是使用 try-catch 块编写的，因为在某些情况下，例如隐身模式下，浏览器可能会阻止对本地存储的访问，并且会抛出一个错误。
处理不支持本地存储的情况
如果浏览器不支持本地存储，我们可以使用其他技术来实现类似的功能。例如，我们可以使用 cookies、IndexedDB 或 Web SQL 数据库。
以下是一个示例代码，用于检查本地存储是否受支持，如果不受支持，则将数据存储到 cookie 中：
--- --------
-- --------------------------- -
------- - -------------
- ---- -- ----------------------------- -
------- - ---------------
- ---- -
------- - -
------------ -
----- ----- - ------------------------- ----------- -------------------
-- ------- -
------ -----------------------------
-
------ -----
--
------------ ------ -
----- ---- - --- -------
--------------------------- - --- - -- - -- - -- - ------ -- - ----
----- ------- - --------------------------------
--------------- - ------------------------------------- ----------- --------
--
--------------- -
----- ---- - --- -------
--------------------------- - ---
----- ------- - --------------------------------
--------------- - --------- ----------- --------
-
--
-该代码首先尝试使用本地存储（localStorage），如果不受支持，则尝试使用会话存储（sessionStorage）。最后，如果两者都不受支持，则将数据存储到 cookie 中。在这里，我们使用了 cookie 的过期时间来模拟本地存储的过期时间。
结论
现代浏览器大多数都支持 HTML5 本地存储，但是在某些情况下可能会出现不支持的情况。在编写 Web 应用程序时，我们应该始终检查浏览器是否支持所需的功能，并提供适当的
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/12132