localStorage Share

浏览器本地存储共享 引入后可以调用一个本地公共存储空间，用于不同域的站点进行数据共享

Install

Using NPM

npm install localstorage-share

import lss from 'localstorage-share';

Using a CDN

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)
//..

Usage

A站

// pageA.index.js
import lss from 'localstorage-share';

lss.setItem('origin','From PageA')

(async () => {
    const value = await lss.getItem('origin');
    console.log('A站拿到的值', value)
})();

B站

// pageB.index.js
import lss from 'localstorage-share';

(async () => {
    const value = await lss.getItem('origin');
    console.log('B站拿到的值', value)
})();

lss.setItem('origin','From PageB')

C站

<-!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

| 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} |

License

MIT © browniu