スポンサーリンク

Firefoxでは、Client Side Storage(クライアントサイドストレージ)が実装されています。

FirefoxClient Side Storageには、永続的にデータを保存することができます。
globalStorageのデータはドメイン間でのみでアクセスできます。
サブドメインからも参照することができます。
paranoid.dip.jp でデータを書いて、www.paraniod.dip.jpからその情報を読み出すことができ、その逆もできます。

globalStorage[""] だとすべてのドメインからアクセスが可能です。
globalStorage["jp"] だと .jp ドメインからアクセスが可能です。
globalStorage["hoge.jp"] だと hoge.jp ドメインからアクセスが可能です。
globalStorage["www.hoge.jp"] だと www.hoge.jp と hoge.jp ドメインからアクセスが可能です。


sessionStorageは、セッション中のみ情報を保持できます。
globalStorageは、永続的にデータを保持することができます。

とりあえず、サンプルコード。
firefoxでしか、動きません!

globalStorageに対して、値を保存したり、読み出したりすることができます。

<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8">
		<title>session storage</title>
		<script type="text/javascript">
			function session_storage_load()
			{
				try {
					var storage = globalStorage['paranoid.dip.jp'];
					document.getElementById("txt").value = storage.textdata;
				} catch (e) {
					alert(e.message);
				}
			}
			function session_storage_save()
			{
				try {
					var storage = globalStorage['paranoid.dip.jp'];
					storage.textdata = document.getElementById("txt").value;
				} catch (e) {
					alert(e.message);
				}
			}
	
		</script>
	</head>
	<body>
		<h1>Client Side Storage - globalStorage</h1>
		<textarea id="txt" rows="10" cols="50"></textarea><br />
		<input type="button" value="save" onClick="session_storage_save();" />
		<input type="button" value="load" onClick="session_storage_load();" />
	</body>
</html>

デモページ

下記ページに、デモページが用意してあります。
ブラウザを閉じて、もう一度、開いても、過去に保存したデータをロードすることができます。

http://paranoid.dip.jp/dev/js/dom-global-storage.html


保存するデータサイズの上限

sessionStorageとglobalStorageをあわせて、5MBまでデータを保存できるようです。

スポンサーリンク
スポンサーリンク
 
いつもシェア、ありがとうございます!


もっと情報を探しませんか?

関連記事

最近の記事

人気のページ

スポンサーリンク
 

過去ログ

2020 : 01 02 03 04 05 06 07 08 09 10 11 12
2019 : 01 02 03 04 05 06 07 08 09 10 11 12
2018 : 01 02 03 04 05 06 07 08 09 10 11 12
2017 : 01 02 03 04 05 06 07 08 09 10 11 12
2016 : 01 02 03 04 05 06 07 08 09 10 11 12
2015 : 01 02 03 04 05 06 07 08 09 10 11 12
2014 : 01 02 03 04 05 06 07 08 09 10 11 12
2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12

サイト

Vim入門

C言語入門

C++入門

JavaScript/Node.js入門

Python入門

FreeBSD入門

Ubuntu入門

セキュリティ入門

パソコン自作入門

ブログ

トップ


プライバシーポリシー