{"id":7296,"date":"2024-05-21T17:30:32","date_gmt":"2024-05-21T09:30:32","guid":{"rendered":"https:\/\/i007.vip:15443\/wordpress\/?p=7296"},"modified":"2024-05-21T17:30:32","modified_gmt":"2024-05-21T09:30:32","slug":"window-sessionstorage-property","status":"publish","type":"post","link":"https:\/\/i007.cc\/wordpress\/archives\/7296","title":{"rendered":"Window: sessionStorage property"},"content":{"rendered":"<header data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<p data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/sessionStorage\">cc from<\/a><\/p>\n<h1 data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Window: sessionStorage property<\/h1>\n<\/header>\n<div class=\"section-content\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<p data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">The read-only\u00a0<strong data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">sessionStorage<\/code><\/strong>\u00a0property accesses a session\u00a0<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Storage\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Storage<\/code><\/a>\u00a0object for the current\u00a0<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/Origin\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">origin<\/a>.\u00a0<code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">sessionStorage<\/code>\u00a0is similar to\u00a0<a title=\"localStorage\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/localStorage\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">localStorage<\/code><\/a>; the difference is that while data in\u00a0<code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">localStorage<\/code>\u00a0doesn&#8217;t expire, data in\u00a0<code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">sessionStorage<\/code>\u00a0is cleared when the\u00a0<em data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">page session<\/em>\u00a0ends.<\/p>\n<ul data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<li data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Whenever a document is loaded in a particular tab in the browser, a unique page session gets created and assigned to that particular tab. That page session is valid only for that particular tab.<\/li>\n<li data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">A page session lasts as long as the tab or the browser is open, and survives over page reloads and restores.<\/li>\n<li data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><strong data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Opening a page in a new tab or window creates a new session with the value of the top-level browsing context, which differs from how session cookies work.<\/strong><\/li>\n<li data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Opening multiple tabs\/windows with the same URL creates\u00a0<code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">sessionStorage<\/code>\u00a0for each tab\/window.<\/li>\n<li data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Duplicating a tab copies the tab&#8217;s\u00a0<code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">sessionStorage<\/code>\u00a0into the new tab.<\/li>\n<li data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Closing a tab\/window ends the session and clears objects in\u00a0<code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">sessionStorage<\/code>.<\/li>\n<\/ul>\n<p data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Data stored in\u00a0<code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">sessionStorage<\/code>\u00a0<strong data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">is specific to the protocol of the page<\/strong>. In particular, data stored by a script on a site accessed with HTTP (e.g.,\u00a0<a class=\"external\" href=\"https:\/\/example.com\/\" target=\"_blank\" rel=\"noopener\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">http:\/\/example.com<\/a>) is put in a different\u00a0<code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">sessionStorage<\/code>\u00a0object from the same site accessed with HTTPS (e.g.,\u00a0<a class=\"external\" href=\"https:\/\/example.com\/\" target=\"_blank\" rel=\"noopener\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">https:\/\/example.com<\/a>).<\/p>\n<p data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">The keys and the values are\u00a0<em data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">always<\/em>\u00a0in the UTF-16 string format, which uses two bytes per character. As with objects, integer keys are automatically converted to strings.<\/p>\n<\/div>\n<section aria-labelledby=\"value\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<h2 id=\"value\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/sessionStorage#value\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Value<\/a><\/h2>\n<div class=\"section-content\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<p data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">A\u00a0<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Storage\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Storage<\/code><\/a>\u00a0object which can be used to access the current origin&#8217;s session storage space.<\/p>\n<\/div>\n<\/section>\n<section aria-labelledby=\"exceptions\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<h3 id=\"exceptions\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/sessionStorage#exceptions\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Exceptions<\/a><\/h3>\n<div class=\"section-content\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<dl data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<dt id=\"securityerror\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/sessionStorage#securityerror\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">SecurityError<\/code><\/a><\/dt>\n<dd data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<p data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Thrown in one of the following cases:<\/p>\n<ul data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<li data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">The origin is not\u00a0<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Security\/Same-origin_policy#definition_of_an_origin\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">a valid scheme\/host\/port tuple<\/a>. This can happen if the origin uses the\u00a0<code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">file:<\/code>\u00a0or\u00a0<code data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">data:<\/code>\u00a0schemes, for example.<\/li>\n<li data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">The request violates a policy decision. For example, the user has configured the browsers to prevent the page from persisting data.<\/li>\n<\/ul>\n<p data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Note that if the user blocks cookies, browsers will probably interpret this as an instruction to prevent the page from persisting data.<\/p>\n<\/dd>\n<\/dl>\n<\/div>\n<\/section>\n<section aria-labelledby=\"examples\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<h2 id=\"examples\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/sessionStorage#examples\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Examples<\/a><\/h2>\n<div class=\"section-content\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<\/section>\n<section aria-labelledby=\"basic_usage\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<h3 id=\"basic_usage\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/sessionStorage#basic_usage\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Basic usage<\/a><\/h3>\n<div class=\"section-content\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"code-example\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"example-header\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"language-name\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">JS<\/span><button class=\"icon copy-icon\" type=\"button\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"visually-hidden\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Copy to Clipboard<\/span><\/button><\/div>\n<pre class=\"brush: js notranslate\" data-signature=\"9rt3PjQ3dkjvjILf6Ix\/AlCC9qdcvQyU3x378odtrQE=\"><code><span class=\"token comment\">\/\/ Save data to sessionStorage<\/span>\r\nsessionStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">setItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"key\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">\"value\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\r\n\r\n<span class=\"token comment\">\/\/ Get saved data from sessionStorage<\/span>\r\n<span class=\"token keyword\">let<\/span> data <span class=\"token operator\">=<\/span> sessionStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">getItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"key\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\r\n\r\n<span class=\"token comment\">\/\/ Remove saved data from sessionStorage<\/span>\r\nsessionStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">removeItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"key\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\r\n\r\n<span class=\"token comment\">\/\/ Remove all saved data from sessionStorage<\/span>\r\nsessionStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">clear<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\r\n<\/code><\/pre>\n<\/div>\n<\/div>\n<\/section>\n<section aria-labelledby=\"saving_text_between_refreshes\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<h3 id=\"saving_text_between_refreshes\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/sessionStorage#saving_text_between_refreshes\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Saving text between refreshes<\/a><\/h3>\n<div class=\"section-content\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<p data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">The following example autosaves the contents of a text field, and if the browser is refreshed, restores the text field content so that no writing is lost.<\/p>\n<div class=\"code-example\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"example-header\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"language-name\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">JS<\/span><button class=\"icon copy-icon\" type=\"button\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"visually-hidden\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Copy to Clipboard<\/span><\/button><\/div>\n<pre class=\"brush: js notranslate\" data-signature=\"y8RyqNbrskWpqQs4yuHYqOnx0Pu\/LUfHppXP80cqyrg=\"><code><span class=\"token comment\">\/\/ Get the text field that we're going to track<\/span>\r\n<span class=\"token keyword\">let<\/span> field <span class=\"token operator\">=<\/span> document<span class=\"token punctuation\">.<\/span><span class=\"token function\">getElementById<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"field\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\r\n\r\n<span class=\"token comment\">\/\/ See if we have an autosave value<\/span>\r\n<span class=\"token comment\">\/\/ (this will only happen if the page is accidentally refreshed)<\/span>\r\n<span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>sessionStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">getItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"autosave\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\r\n  <span class=\"token comment\">\/\/ Restore the contents of the text field<\/span>\r\n  field<span class=\"token punctuation\">.<\/span>value <span class=\"token operator\">=<\/span> sessionStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">getItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"autosave\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\r\n<span class=\"token punctuation\">}<\/span>\r\n\r\n<span class=\"token comment\">\/\/ Listen for changes in the text field<\/span>\r\nfield<span class=\"token punctuation\">.<\/span><span class=\"token function\">addEventListener<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"change\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\r\n  <span class=\"token comment\">\/\/ And save the results into the session storage object<\/span>\r\n  sessionStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">setItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"autosave\"<\/span><span class=\"token punctuation\">,<\/span> field<span class=\"token punctuation\">.<\/span>value<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\r\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\r\n<\/code><\/pre>\n<\/div>\n<div id=\"sect1\" class=\"notecard note\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<p data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\"><strong data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Note:<\/strong>\u00a0Please refer to the\u00a0<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Storage_API\/Using_the_Web_Storage_API\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Using the Web Storage API<\/a>\u00a0article for a full example.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<h2 id=\"specifications\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/sessionStorage#specifications\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Specifications<\/a><\/h2>\n<table class=\"standard-table\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<thead data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<tr data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<th scope=\"col\">Specification<\/th>\n<\/tr>\n<\/thead>\n<tbody data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<tr data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<td data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><a href=\"https:\/\/html.spec.whatwg.org\/multipage\/webstorage.html#dom-sessionstorage-dev\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">HTML Standard<br data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" \/><small data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">#\u00a0dom-sessionstorage-dev<\/small><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"browser_compatibility\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/sessionStorage#browser_compatibility\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Browser compatibility<\/a><\/h2>\n<p><a class=\"bc-github-link external external-icon\" title=\"Report an issue with this compatibility data\" href=\"https:\/\/github.com\/mdn\/browser-compat-data\/issues\/new?mdn-url=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FAPI%2FWindow%2FsessionStorage&amp;metadata=%3C%21--+Do+not+make+changes+below+this+line+--%3E%0A%3Cdetails%3E%0A%3Csummary%3EMDN+page+report+details%3C%2Fsummary%3E%0A%0A*+Query%3A+%60api.Window.sessionStorage%60%0A*+Report+started%3A+2024-05-21T09%3A28%3A49.628Z%0A%0A%3C%2Fdetails%3E&amp;title=api.Window.sessionStorage+-+%3CSUMMARIZE+THE+PROBLEM%3E&amp;template=data-problem.yml\" target=\"_blank\" rel=\"noopener noreferrer\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Report problems with this compatibility data on GitHub<\/a><\/p>\n<figure class=\"table-container\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<figure class=\"table-container-inner\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<table class=\"bc-table bc-table-web\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<thead data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<tr class=\"bc-platforms\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<td data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/td>\n<th class=\"bc-platform bc-platform-desktop\" title=\"desktop\" colspan=\"5\"><span class=\"visually-hidden\">desktop<\/span><\/th>\n<th class=\"bc-platform bc-platform-mobile\" title=\"mobile\" colspan=\"6\"><span class=\"visually-hidden\">mobile<\/span><\/th>\n<th class=\"bc-platform bc-platform-server\" title=\"server\" colspan=\"1\"><span class=\"visually-hidden\">server<\/span><\/th>\n<\/tr>\n<tr class=\"bc-browsers\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<td data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/td>\n<th class=\"bc-browser bc-browser-chrome\">\n<div class=\"bc-head-txt-label bc-head-icon-chrome\">Chrome<\/div>\n<div class=\"bc-head-icon-symbol icon icon-chrome\"><\/div>\n<\/th>\n<th class=\"bc-browser bc-browser-edge\">\n<div class=\"bc-head-txt-label bc-head-icon-edge\">Edge<\/div>\n<div class=\"bc-head-icon-symbol icon icon-edge\"><\/div>\n<\/th>\n<th class=\"bc-browser bc-browser-firefox\">\n<div class=\"bc-head-txt-label bc-head-icon-firefox\">Firefox<\/div>\n<div class=\"bc-head-icon-symbol icon icon-simple-firefox\"><\/div>\n<\/th>\n<th class=\"bc-browser bc-browser-opera\">\n<div class=\"bc-head-txt-label bc-head-icon-opera\">Opera<\/div>\n<div class=\"bc-head-icon-symbol icon icon-opera\"><\/div>\n<\/th>\n<th class=\"bc-browser bc-browser-safari\">\n<div class=\"bc-head-txt-label bc-head-icon-safari\">Safari<\/div>\n<div class=\"bc-head-icon-symbol icon icon-safari\"><\/div>\n<\/th>\n<th class=\"bc-browser bc-browser-chrome_android\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bc-head-txt-label bc-head-icon-chrome_android\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Chrome Android<\/div>\n<div class=\"bc-head-icon-symbol icon icon-chrome\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<\/th>\n<th class=\"bc-browser bc-browser-firefox_android\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bc-head-txt-label bc-head-icon-firefox_android\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Firefox for Android<\/div>\n<div class=\"bc-head-icon-symbol icon icon-simple-firefox\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<\/th>\n<th class=\"bc-browser bc-browser-opera_android\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bc-head-txt-label bc-head-icon-opera_android\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Opera Android<\/div>\n<div class=\"bc-head-icon-symbol icon icon-opera\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<\/th>\n<th class=\"bc-browser bc-browser-safari_ios\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bc-head-txt-label bc-head-icon-safari_ios\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Safari on iOS<\/div>\n<div class=\"bc-head-icon-symbol icon icon-safari\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<\/th>\n<th class=\"bc-browser bc-browser-samsunginternet_android\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bc-head-txt-label bc-head-icon-samsunginternet_android\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Samsung Internet<\/div>\n<div class=\"bc-head-icon-symbol icon icon-samsunginternet\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<\/th>\n<th class=\"bc-browser bc-browser-webview_android\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bc-head-txt-label bc-head-icon-webview_android\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">WebView Android<\/div>\n<div class=\"bc-head-icon-symbol icon icon-webview\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<\/th>\n<th class=\"bc-browser bc-browser-deno\">\n<div class=\"bc-head-txt-label bc-head-icon-deno\">Deno<\/div>\n<div class=\"bc-head-icon-symbol icon icon-deno\"><\/div>\n<\/th>\n<\/tr>\n<\/thead>\n<tbody data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<tr data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<th class=\"bc-feature bc-feature-depth-0\" scope=\"row\">\n<div class=\"bc-table-row-header\"><code>sessionStorage<\/code><\/div>\n<\/th>\n<td class=\"bc-support bc-browser-chrome bc-supports-yes bc-has-history\" aria-expanded=\"false\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-text-wrapper\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-icons\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<div class=\"bcd-cell-text-copy\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"bc-version-label\" title=\"Released 2010-01-25\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">4<\/span><\/div>\n<\/div>\n<p><button title=\"Toggle history\" type=\"button\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"offscreen\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Toggle history<\/span><\/button><\/td>\n<td class=\"bc-support bc-browser-edge bc-supports-yes bc-has-history\" aria-expanded=\"false\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-text-wrapper\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-icons\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<div class=\"bcd-cell-text-copy\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"bc-version-label\" title=\"Released 2015-07-29\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">12<\/span><\/div>\n<\/div>\n<p><button title=\"Toggle history\" type=\"button\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"offscreen\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Toggle history<\/span><\/button><\/td>\n<td class=\"bc-support bc-browser-firefox bc-supports-yes bc-has-history\" aria-expanded=\"false\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-text-wrapper\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-icons\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<div class=\"bcd-cell-text-copy\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"bc-version-label\" title=\"Released 2006-10-24\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">2<\/span><\/div>\n<\/div>\n<p><button title=\"Toggle history\" type=\"button\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"offscreen\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Toggle history<\/span><\/button><\/td>\n<td class=\"bc-support bc-browser-opera bc-supports-yes bc-has-history\" aria-expanded=\"false\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-text-wrapper\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-icons\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<div class=\"bcd-cell-text-copy\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"bc-version-label\" title=\"Released 2010-03-02\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">10.5<\/span><\/div>\n<\/div>\n<p><button title=\"Toggle history\" type=\"button\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"offscreen\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Toggle history<\/span><\/button><\/td>\n<td class=\"bc-support bc-browser-safari bc-supports-yes bc-has-history\" aria-expanded=\"false\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-text-wrapper\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-icons\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<div class=\"bcd-cell-text-copy\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"bc-version-label\" title=\"Released 2009-06-08\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">4<\/span><\/div>\n<\/div>\n<p><button title=\"Toggle history\" type=\"button\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"offscreen\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Toggle history<\/span><\/button><\/td>\n<td class=\"bc-support bc-browser-chrome_android bc-supports-yes bc-has-history\" aria-expanded=\"false\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-text-wrapper\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-icons\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<div class=\"bcd-cell-text-copy\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"bc-version-label\" title=\"Released 2012-06-27\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">18<\/span><\/div>\n<\/div>\n<p><button title=\"Toggle history\" type=\"button\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"offscreen\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Toggle history<\/span><\/button><\/td>\n<td class=\"bc-support bc-browser-firefox_android bc-supports-yes bc-has-history\" aria-expanded=\"false\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-text-wrapper\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-icons\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<div class=\"bcd-cell-text-copy\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"bc-version-label\" title=\"Released 2011-03-29\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">4<\/span><\/div>\n<\/div>\n<p><button title=\"Toggle history\" type=\"button\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"offscreen\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Toggle history<\/span><\/button><\/td>\n<td class=\"bc-support bc-browser-opera_android bc-supports-yes bc-has-history\" aria-expanded=\"false\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-text-wrapper\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-icons\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<div class=\"bcd-cell-text-copy\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"bc-version-label\" title=\"Released 2011-03-22\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">11<\/span><\/div>\n<\/div>\n<p><button title=\"Toggle history\" type=\"button\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"offscreen\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Toggle history<\/span><\/button><\/td>\n<td class=\"bc-support bc-browser-safari_ios bc-supports-yes bc-has-history\" aria-expanded=\"false\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-text-wrapper\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-icons\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<div class=\"bcd-cell-text-copy\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"bc-version-label\" title=\"Released 2010-04-03\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">3.2<\/span><\/div>\n<\/div>\n<p><button title=\"Toggle history\" type=\"button\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"offscreen\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Toggle history<\/span><\/button><\/td>\n<td class=\"bc-support bc-browser-samsunginternet_android bc-supports-yes bc-has-history\" aria-expanded=\"false\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-text-wrapper\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-icons\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<div class=\"bcd-cell-text-copy\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"bc-version-label\" title=\"Released 2013-04-27\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">1.0<\/span><\/div>\n<\/div>\n<p><button title=\"Toggle history\" type=\"button\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"offscreen\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Toggle history<\/span><\/button><\/td>\n<td class=\"bc-support bc-browser-webview_android bc-supports-yes bc-has-history\" aria-expanded=\"false\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-text-wrapper\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-icons\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<div class=\"bcd-cell-text-copy\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"bc-version-label\" title=\"Released 2014-09-03\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">37<\/span><\/div>\n<\/div>\n<p><button title=\"Toggle history\" type=\"button\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"offscreen\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Toggle history<\/span><\/button><\/td>\n<td class=\"bc-support bc-browser-deno bc-supports-yes bc-has-history\" aria-expanded=\"false\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-text-wrapper\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<div class=\"bcd-cell-icons\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><\/div>\n<div class=\"bcd-cell-text-copy\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"bc-version-label\" title=\"Released 2021-05-11\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">1.10<\/span><\/div>\n<\/div>\n<p><button title=\"Toggle history\" type=\"button\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\"><span class=\"offscreen\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Toggle history<\/span><\/button><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<\/figure>\n<section class=\"bc-legend\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">\n<h3 id=\"Legend\" class=\"visually-hidden\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\">Legend<\/h3>\n<p class=\"bc-legend-tip\" data-immersive-translate-walked=\"32a3c6f1-ae23-4f18-b948-c57473180239\" data-immersive-translate-paragraph=\"1\">Tip: you can click\/tap on a cell for more information.<\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>cc from Window: sess<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[24],"tags":[121],"class_list":["post-7296","post","type-post","status-publish","format-standard","hentry","category-value_docs","tag-05-"],"_links":{"self":[{"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/posts\/7296","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/comments?post=7296"}],"version-history":[{"count":0,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/posts\/7296\/revisions"}],"wp:attachment":[{"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/media?parent=7296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/categories?post=7296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/tags?post=7296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}