HTML5 localStorage对象是否按页面/域隔离?我想知道是因为我将如何命名localStorage键。我需要一个单独的前缀吗?还是我可以随便给他们命名?
HTML5 localStorage对象是否按页面/域隔离?我想知道是因为我将如何命名localStorage键。我需要一个单独的前缀吗?还是我可以随便给他们命名?
Answers:
它是基于域和端口的(与相同的原始策略相同的隔离规则),要使其每一页,您必须使用基于location
或其他方法的密钥。
您不需要前缀,但是如果需要则使用前缀。另外,是的,您可以随意命名。
protocol://host:port
组合都是唯一的。
存储按来源进行存储,其中“来源”与“ 相同来源策略 ” 相同(模式[ http
vs. https
等],端口和主机的组合)。从规格:
每个顶级浏览上下文都有一组唯一的会话存储区域,每个来源存储一个。
因此,的存储http://a.example.com
和的存储http://b.example.com
是分开的(它们都与分开http://example.com
),因为它们都是不同的主机。同样,http://example.com:80
和http://example.com:8080
和https://example.com
都是不同的起源。
Web存储中没有内置的机制允许一个来源访问另一来源。
需要注意的是它的起源,而不是URL,所以http://example.com/page1
并http://example.com/page2
都具有访问存储的http://example.com
。
正如其他人指出的那样,localStorage在每个协议,主机和端口上都是唯一的。如果您希望使用方便的方法来控制带有前缀键的存储,建议使用localDataStorage。
它不仅可以通过前缀键来帮助在同一域中强制执行分段共享存储,还可以透明地存储javascript数据类型(数组,布尔值,日期,浮点数,整数,字符串和对象),提供轻量级的数据混淆,自动压缩字符串以及方便按键(名称)查询和按(键)值查询。
[免责声明]我是实用程序[/免责声明]的作者
例子:
// instantiate our first storage object
// internally, all keys will use the specified prefix, i.e. passphrase.life
var localData = localDataStorage( 'passphrase.life' );
localData.set( 'key1', 'Belgian' )
localData.set( 'key2', 1200.0047 )
localData.set( 'key3', true )
localData.set( 'key4', { 'RSK' : [1,'3',5,'7',9] } )
localData.set( 'key5', null )
localData.get( 'key1' ) --> 'Belgian'
localData.get( 'key2' ) --> 1200.0047
localData.get( 'key3' ) --> true
localData.get( 'key4' ) --> Object {RSK: Array(5)}
localData.get( 'key5' ) --> null
// instantiate our second storage object
// internally, all keys will use the specified prefix, i.e. prismcipher.com
var localData2 = localDataStorage( 'prismcipher.com' );
localData2.set( 'key1', 123456789 ) // integer
localData2.get( 'key1' ) --> 123456789
如您所见,原始值受到尊重,您可以创建多个实例来控制存储。