javascriptのLocalStorageからデータを取得できない

Question

実現したいこと

javascriptのLocalStorageからデータを取得したい

発生している問題・エラーメッセージ

パソコンのブラウザの場合は、LocalStorageからデータを取得できているのですが、携帯のブラウザの場合にLocalStorageからデータを取得できずうまく動作しません。

補足情報

設定 > Safari > Cookieをブロック　はoffになっています。

Comments

[m.ts10806]

実際のコード、OS（可能なら機種も），ブラウザ
バージョンを記載してください。
別のOS，ブラウザの場合はどうかという確認も可能ならやってみて結果を追記してください。

要は、他者が再現可能な情報を提示してください。機能的にブラウザがサポートされてるものであれば尚更現状の内容だけだと答えようがないので

[somak]

返信ありがとうございます。
以下では、googlemapが表示されてるページから、違うページの推移する前に、googlemapの状態をlocalStrageに保存し、再びgooglemapが表示されているページに戻って来た時に元のmapの状態戻すコードの一部です。
```ページ推移前に実行
window.addEventListener("beforeunload", function() {
mapState = {
　　　　現在のmapの状態のデータ
　　}
　　localStorage.setItem("mapState", JSON.stringify(mapState));
});
```

```再度mapが生成されたときに実行される
let savedMapState = localStorage.getItem("mapState");
if (savedMapState) {
savedMapStateの処理
}
```
iOS 16.3.1 (iPhone 11 Pro) Safari Version 16.3 では、うまく動作しませんでした。
しかし、Android 9 (huawei p20pro) Chrome Version 112.0.5615.47 ではうまく動作しました。

[m.ts10806]

質問は編集できますので

Answer 1

まだ質問が閉じられていないようなので回答します。

iOSで beforeunload は発生しないかも

iOSのブラウザにおいて beforeunload イベントは他のブラウザのように単純なページの遷移では発生しないようです。
(MDNのbeforeunloadイベントを見る限り実装はされているようだがどのタイミングでイベントが発火するのかが不明）

pagehideイベントであればページ遷移時やブラウザの戻る、進む時に発火するようなのでiOS系ではこちらを使えば目的の処理が実装できそうです。
LocalStorageに対してのやり取りも可能なことは以下のコードで確認しました。

   window.addEventListener("load", event => {
      const d = localStorage.getItem("hoge");
      // 適当なHTML要素にLocalStorageの中身を出力している
      document.querySelector("#dt").innerHTML = d;
   })

   /* iOS以外のブラウザでは beforeunload, pagehide どちらも発生する可能性があるので注意 */
   window.addEventListener("beforeunload",  event => {
      const d = new Date().getTime();
      localStorage.setItem("hoge",`beforeunload: ${d}`);
   });
   window.addEventListener("pagehide",  event => {
      const d = new Date().getTime();
      localStorage.setItem("hoge",`pagehide: ${d}  `);
   });

追記

iOS にて pagehide イベントで LocalStorage に書き込みはできましたが、 fetch はできませんでした。イベント内で何らかの制限があるようです。
もしかしたらiOSではbeforeunloadイベント自体は発生するがLocalStorageにはこのイベントからアクセスできない制限があるのかもしれません。

参考リンク

https://neightbor.net/blog/beforeunload-confirm/
"beforeunload ios"で検索して最初に表示されたページです。

Answer 2

とりあえず

if(typeof localStorage=="object"){
  localStorage.setItem('test',123);
  console.log(localStorage.getItem('test'));
}else{
  console.log('unusable');
}