ブラウザのローカルストレージにデータが保存されない

Question

前提・実現したいこと

JavaScriptで、webストレージのローカルストレージにデータを保存し、取得したい。
なにか足りないのでしょうか？
教えて下さい。

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

エラーメッセージはありません。
ブラウザの設定で確認してみましたが、Cookieは保存されているのですが、ストレージは空白です。

該当のソースコード

以下の関数を呼んでいます。

    function localSave(tweetID, lsValue){
        var lsKey = 'tweetback.' + twitterID + '.' + tweetID;
        alert('ここまでは来ている　Save／lsKey：' + lsKey);
        try{
            alert('lsKey：' + lsKey + '\nlsValue' + lsValue);
            localStorage.setItem(lsKey, lsValue);       // locaStorageに保存
        }
        catch(e){
            alert('エラーが発生しました。：' + String(e));
        }
    }

    function localdelete(tweetID){
        var lsKey = 'tweetback.' + twitterID + '.' + tweetID;
        try{
            localStorage.removeItem(lsKey);             // locaStorageから削除
        }
        catch(e){
            alert('エラーが発生しました。：' + String(e));
        }
    }
                  
    function localLoad(tweetID){
        var lsKey = 'tweetback.' + twitterID + '.' + tweetID;
        alert('ここまでは来ている　Load／lsKey：' + lsKey);
        try{
            var lsValue = localStorage.getItem(lsKey);  //locaStorageから取得
            if(lsValue = 'null'){
                lsValue = '';
               }
            return lsValue;                                 // 戻り値
        }
        catch(e){
            alert('エラーが発生しました。：' + String(e));
        }
    }

「localSave」を呼んでいる前後です。
「localdelete」は念の為、コメントアウトしています。

//省略
        if(shioriFlagObj[tweetID] == ''){
            document.getElementById('example5').innerHTML = 'shioriFlagObj[tweetID]：nullだった';
            shioriFlagObj[tweetID] = datetimeStamp() + '\n';
            shioriBlock.innerHTML = 'しおりを外す' + tweetID;
            var shioriMemoDisabled = false;
            
        //    alert('shioriFlagObj[tweetID]：' + shioriFlagObj[tweetID]);
            localSave(tweetID, shioriFlagObj[tweetID]);
        }else{
            document.getElementById('example5').innerHTML = 'shioriFlagObj[tweetID]：' + shioriFlagObj[tweetID];
            shioriFlagObj[tweetID] = '';
            shioriBlock.innerHTML = 'しおりをここに入れる' + tweetID;
            var shioriMemoDisabled = true;
            
        //    localdelete(tweetID);
        }
//省略

「localLoad」を呼んでいる部分です。

//省略
        document.getElementById('example4').innerHTML = 'localLoad(tweetID)：' + localLoad(tweetID);             // ◀◀◀◀◀◀◀ デバッグ
    //    alert('localLoad(tweetID)：' + localLoad(tweetID));
        shioriMemo.innerHTML = localLoad(tweetID);
//省略

alertも意図通りに表示されています。

試したこと

セキュリティソフトが妨害している可能性を考えて、機能停止してみましたが変わりません。
Firefox以外に、Safari、Google Chromeでも試しましたが、読み出してくれません。

補足情報（FW/ツールのバージョンなど）

サーバー：ロリポップ
ブラウザ：Firefox 91.0.2 (64 ビット)
クライアント：macOS Mojave 10.14.6

Comments

[m.ts10806]

各メソッドはどのように呼び出されているのでしょう。
他者がコピペで再現確認できるよう配慮願います

[退会済みユーザー]

実際に問題の JavaScript を動かして、ディベロッパーツールを使ってデバッグして、

var lsValue = localStorage.getItem(lsKey);

に取得できているか調べてみましたか？

[One_of_Arthur]

関数を呼んでいる部分を追記しました。

[One_of_Arthur]

デベロッパーツールのデバッグがよくわからないので、念の為lsValueをクリアして、alertを追加してみました。
var lsValue = '';
lsValue = localStorage.getItem(lsKey); //locaStorageから取得
alert('ここまでは来ている　Load／lsValue：' + lsValue);
すると、alertに内容が表示されました。
保存と読み出し自体は意図通りで、他の部分にバグがあるのかもしれません。

[退会済みユーザー]

「ツールを使ってデバッグできない」＝「JavaScript の開発ができない」とほぼ同じぐらいに支障が出ると思いますので、これを機会に使えるようになることをお勧めします。

[One_of_Arthur]

(^_^;)ゞ有難うございます。

Answer 1

localStorageの確認にFirefoxの「設定」を使っているようですが、これですとリアルタイムの把握ができないことと、内容までは見えませんので、開発ツールを使うべきです。Windowsでしたら、F12で下記の画面がでますので、「ストレージ」タブを選択して、左側のローカルストレージを選択すると、localStorageの内容を確認することができます。以下は、Twitterで試した画面例です。

Comments

[One_of_Arthur]

なるほど！
有難うございます。

Answer 2

原因が分かりました。
「localLoad」関数の中の

            if(lsValue = 'null'){

にバグが有りました。

            if(lsValue == 'null'){

が正しいです。
これで意図通りに内容を読み出し表示することができました。

アドバイス有難うございました。

Comments

[One_of_Arthur]

しかし、Firefoxでストレージの状態が確認できないのはなぜだか分かりません。
それについては、放置しても開発が続けられますので、後回しにします。

[m.ts10806]

>放置しても開発が続けられますので、後回しにします。

問題が起きたときに毎回質問するハメになるので「続けられる」とは言えないと思います。