记一次IOS与H5-SPA页面的交互经验

一、简介：这是一个 Android&IOS 使用webview嵌套H5页面的项目。

二、过程：用户需要在原生界面进行登陆操作，之后将登陆token传递到H5页面的过程，之后H5页面又进行跨域跳转。

三、问题：主要集中在与IOS设备的交互，在进入页面1后，再跳转到页面2，导致最后的页面2无法调用IOS的方法。由于生产环境页面1与页面2的域名完全不同，所以由页面1设置的cookie在页面2是获取不到的。

注：cookie可以跨2级域名传参，例如：www.baidu.com 与 abc.baidu.com是可以共享同1个cookie的。

PS：与Andoid的交互，直接调用Android定义的 window.functionName 即可。

四、解决方案： IOS通过webview拦截页面1的跳转，并将token拼接为url，从IOS端跳转到页面2。

记一次IOS与H5-SPA页面的交互经验相关推荐

微信小程序嵌套h5页面，h5页面返回小程序，小程序和h5的页面和交互方法，h5点击分享小程序页面
相信大家在做小程序的时候有些需求会需要嵌套h5页面正常的h5页面嵌套很简单就是一个web-view然后放入h5链接就可以了 <web-view src="http://www.goo ...
关于IOS系统,H5页面操作history.go(n)回退页面时不会刷新页面数据的问题
关于IOS系统 H5页面操作history.go(n)回退页面时不会刷新页面数据的问题在我们从操作h5页面时,离开当前页面后,在使用返回键或者history.go(n)再次回到页面,有时是需要刷新当 ...
h5页面 iOS 回退上一页面白屏，滑动页面后正常
问题:h5页面 iOS 回退上一页面,出现白屏,滑动页面后正常展示描述:h5在ios上,第一个页面超过一屏,点击进入第二个页面,第二个页面滑动超过一屏时,返回第一个页面时,第一个屏幕有一块白的盖在上 ...
关于H5页面在ios上打开，页面空白的问题
关于H5页面在ios上打开,页面空白的问题这个问题发生在一个永不升级的用户身上机型:iPhone X 系统:ios 11.2.6 问题描述:打开链接可以显示页面的标题,但是页面空白,没有走任何接口 ...
ios的H5页面input触发onfocus事件无效解决方案
ios的H5页面使用input时,在修改input的value的值时,不会触发onfocus事件.解决方案: <div class="input_type" style=&q ...
iOS与H5交互（WKWbebView）
前言: 在iOS开发中,或多或少的会嵌入一些H5页面,有时候需要原生代码和H5页面进行交互.iOS8开始苹果推出性能更强大的WKWebView,所以一下方法是关于WKWebView与JS的交互. 创建 ...
vue项目移动H5的页面调试
移动H5的页面调试 1.eruda 直接在html中外链引入初始化;然后重新运行项目即可看到 <script src="//cdn.bootcdn.net/ajax/libs/erud ...
苹果手机IOS 禁止H5的滑动回弹
IOS的移动端/H5/webapp 页面如果滚动到底部或者在页面顶部再往上拉,都会出现一个回弹的效果. 想取消这个效果可以引入一个简单的库就行,不用再写繁琐的样式. 下载这个inobounce.js ...
html ios返回后刷新页面,Ios中微信页面返回上一页去除缓存几种常见思路
前言这篇文章和第,.年过事工宗据指数遍互业经搞断果会主要讲解决思路,不对各种概念进行抖要支圈者器说是事天开的.年后编定功口小发还应久剑过多讲解. 问题描述开发微信H5页面的时候,在Ios微信内置浏 ...

记一次IOS与H5-SPA页面的交互经验

记一次IOS与H5-SPA页面的交互经验相关推荐

最新文章

热门文章