不同域名之间共享localStorage/sessionStorage

问题

两个不同的域名的localStorage不能直接互相访问。那么如何在aaa.com中如何调用bbb.com的localStorage?

实现原理

1.在aaa.com的页面中，在页面中嵌入一个src为bbb.com的iframe，此时这个iframe里可以调用bbb.com的localStorage。
2.用postMessage方法实现页面与iframe之间的通信。
综合1、2便可以实现aaa.com中调用bbb.com的localStorage。

优化iframe

我们可以在bbb.com中写一个专门负责共享localStorage的页面，例如叫做page1.html，这样可以防止无用的资源加载到iframe中。

示例

以在aaa.com中读取bbb.com中的localStorage的item1为例，写同理：
bbb.com中page1.html，监听aaa.com通过postMessage传来的信息，读取localStorage，然后再使用postMessage方法传给aaa.com的接收者。

  This page is for sharing localstorage.

在aaa.com的页面中加入一个src为bbb.com/page1.html隐藏的iframe。

在aaa.com的页面中加入下面script标签。在页面加载完毕时通过postMessage告诉iframe中监听者，读取item1。监听bbb.com传回的item1的值并输出。