最近碰到了这种情况,说实话很苦恼,找了两三天,发现很简单的解决方式,就是把文件发布到服务端,访问服务端文件就好了。
可是是为什么呢?
这要从我设置的子iframe的src值说起,地址大概是这样的:forder/test.html
这样就会引起ios不适,他会认为这个页面和他的父页面是跨域一样的存在。可是是为什么呢?
应该是domain的关系,他会认为forder/test.html这个地址没有domain,大概就是理解成了domain是null,然后判定和父页面domain不一致,然后认为你是跨域操作,所以localStorage.getItem当然就取不到父页面的localStorage之前存的值啦。而且,在你退出APP的时候,还会把你当前页,forder/test.html的localStorage里的值清除掉,下次你再打开这个页面,就会发现之前存的值丢失了。
安卓和浏览器很稳,safari也没发现这种情况,就iphone真机调试出了这问题。
解决方法:发布到服务器上,用域名或者IP访问。
分享一下,给小伙伴们提醒一下,以免掉坑。
不过这次也没白费劲,起码知道了如果真跨域了,两个iframe该怎么传数据,也算没白折腾。
但是话说回来,最正确的方式还是不要用iframe,搞APP就专心搞APP,不要总想着一套项目,一万个平台通用。
原生肯定是最好,h5跨平台其次,最起码app要和web分开,h5不是万能的,凑凑合合不是干正经事儿的解决方案,这才是刚开始,以后无数坑等你解决,总有出事的一天。