ローカルストレージ

参考:

Window.localStorage | MDN

使い方

値を取得する。キーが存在しなかった場合、null が返される。

let bgcolor = localStorage.getItem('bgcolor')

値を保存する。

localStorage.setItem('bgcolor', bgcolor)

参考:

localStorage へのデータ保存と取得・破棄、注意点など | ONE NOTES

localStorage でブラウザにデータ保存・削除したり cookie のように有効期限を持たせる方法 | ぱーくん plus idea

JavaScript の Local Storage で期限やオブジェクトを簡単に扱う方法 | iwb.jp

Web Storage API の使用 | MDN

概要

参考:

localStorage, sessionStorage | 現代の JavaScript チュートリアル

ライトモード/ダークモードの状態を保存する

参考:

How to save cookies for Dark/Light Mode Toggle? – Stack Overflow

イベント

ローカルストレージの状態が変更された時に window にイベントが送信される。

参考:

StorageEvent | MDN

API

参考:

Storage | MDN

ローカルストレージが使用できるか確認する

参考:

localStorage の機能検出 | MDN

a brief history of detecting local storage – GitHub Gist

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です