浏览器本地存储共享 引入后可以调用一个本地公共存储空间,用于不同域的站点进行数据共享
npm install localstorage-share
import lss from 'localstorage-share';
If you don't want to use npm to manage client packages, localstorageShare also provides a UMD distribution in a dist
folder which is hosted on a CDN or Download:
<script src="https://unpkg.com/localstorage-share/dist/index.js"></script>
localstorageShare will then be installed on window.localstorageShare
. window.localstorageShare
will contain the following properties:
localstorageShare.setItem(key,value)
localstorageShare.getItem(key)
//..
// pageA.index.js
import lss from 'localstorage-share';
lss.setItem('origin','From PageA')
(async () => {
const value = await lss.getItem('origin');
console.log('A站拿到的值', value)
})();
// pageB.index.js
import lss from 'localstorage-share';
(async () => {
const value = await lss.getItem('origin');
console.log('B站拿到的值', value)
})();
lss.setItem('origin','From PageB')
<-!pageC.index.html->
<script src="https://unpkg.com/localstorage-share/dist/index.js"></script>
<script>
(async () => {
const value = await localstorageShare.getItem('origin');
console.log('A站拿到的值', value)
})();
localstorageShare.setItem('origin','From PageC')
</script>
API | Description | Return |
---|---|---|
getItem (key:string) | 获取值 | {key:value} |
setItem (key:string,value:string) | 设置值 | {key:value} |
removeItem (key:string) | 移除指定值 | {key:value} |
getItems () | 获取当前存储中所有值 | {LSS:items} |
clear () | 清空内存 | {LSS:items} |
init (serve:string) | 内存服务器的部署路径 | {LSS:items} |
localStorageShare 默认没有域名限制,如果处于安全性考虑可以在iframe
中定义一个白名单,并把它重新部署。
MIT © browniu