Android ios嵌套web页面

我们现在做一个活动页面,Android和ios的活动页面用web来做,方便更改,下面有几个小问题;

1、在Android和ios中,虽然web上面可以存localstorage,但是到了Android和ios上面就失效了,也就是说不能存储localstorage,而cookie是可以存储;

2、Android和ios传参给web页面这个和简单,只需要在web端写一个正常的函数,在Android和ios直接调用方法,以下的data就是传回来的参数,如

function receiveAppWishList(data) {
	wish_list = JSON.parse(data);
}

3、web页面传参给Android和ios,这里有点不同,Android用的是:

window.toApp.productId(JSON.stringify(‘实参’))

以上的toApp是Android定义的一个对象;方法名是  productId

而ios则是:

window.webkit.messageHandlers.productId.postMessage(“实参”)

  以上的ios传参格式是固定的,同样productId也是方法名。window.webkit.messageHandlers.方法名.postMessage(“实参”)

时间: 2024-10-06 02:47:36

Android ios嵌套web页面的相关文章

ios嵌套H5页面,出现的小bug;

ios嵌套H5页面,点击数字时就会弹出打电话的功能:解决方法: 在head标签中添加: <meta name="format-detection" content="telephone=no"> ios嵌套H5页面,只要碰到页面,就会使input获取焦点,调取ios键盘,解决方法:在页面上添加js如下: $("body")[0].addEventListener("touchstart",function(){ d

Android程序中Web页面和NativeCode交互

首先应该在AndroidManifest.xml把下面这个加上使得具有网络访问权限 <uses-permission android:name="android.permission.INTERNET"/> 然后在布局文件上插入WebView main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http:/

iOS之safari调试iOS app web页面

Overview 当下移动端开发过程中大量使用前段H5.js等等技术,而这些web页面的调试在Xcode控制台中不太明了,经常我们移动app运行了就是方法,但是不能显示响应的效果,这时候或许就是已经报错了,但是我们在Xcode控制台是看不到这些错误.这时候我们就可以用功能强大的Safari浏览器来开启开发模式连接iPhone来调试app脸面的web页面了. Safari设置 打开Safari偏好者设置,选中"高级菜单",在页面最下方看到"在菜单中显示开发菜单"的复选

简单、高效、易用的全平台(Windows/Linux/ARM/Android/iOS)web实现RTMP推送组件EasyRTMP-Android BUS传递消息过程介绍

背景分析 RTMP是Real Time Messaging Protocol(实时消息传输协议)的首字母缩写,该协议基于TCP,是一个协议族,包括RTMP基本协议及RTMP/RTMPS/RTMPE等多种变种.RTMP是一种设计用来进行实时数据通信的网络下ieyi,主要用来在Flash/AIR平台和支持RTMP协议的流媒体/交互服务器之间进行音视频和数据通信.RTMP推流,就是将直播内容推送到服务器的过程. EasyRTMP-Android BUS传递消息过程 提出问题EasyRTMP-Andro

[翻译]Nativescript 中 Web 视图与 Android/IOS 的双向通信

English document From http://shripalsoni.com/blog/nativescript-webview-native-bi-directional-communication/ Nativescript 中 Web 视图与 Android/IOS 的双向通信 由shripal编写 在Nativescript中 Nativescript 提供跨平台的 web 视图 ui 元素.它为在我们的页面中显示 web 视图内容提供了服务.但是, 如果您希望将一些数据发送

iOS开发嵌套ReactNative页面

最近使用ReactNative做项目,有信心今天目标把ReactNative框架掌握,所以自己从每个知识点学习提高自己吧...... 步骤如下: 一.创建依赖包文件(package.json): React Native的植入过程同时需要React和React Native两个node依赖包.我们把具体的依赖包记录在package.json文件中. 如果项目根目录中没有这个文件,那就自己创建一个. 如果为了目录结构的美观,也可以在根目录下创建一个文件夹<这里我没有使用分文件夹,我懒得....当然

IOS客户端UIwebview下web页面闪屏问题

基于ios客户端uiwebview下的web页面,在其内容高度大于视窗高度时,如果点击超过视窗下文档的底部按钮,收缩内容高度,会发生闪屏问题. 外因是由文档的高度大于视窗的高度所致,本质原因未知. 解决办法: 为最外层的元素设置height:100%(要保证100%的高度等于视窗高度),overflow:scroll,如果想避免出现滚动条的话,还可以在最外层元素加上伪类::-webkit-scrollbar{display:none},即可完美解决闪屏问题.

用Chrome devTools 调试Android手机app中的web页面。

(1) 手机要满足Android系统为4.4或更高版本,低版本不支持这种方式.(2) 确保App已经开启了webview的debug调试模式,由Android工程师协助.(2) 用usb数据线连接好手机与电脑.(3) 将手机中的 设置 - 开发人员工具 - USB调试功能打开.(4) 打开chrome://inspect/#devices,即单击chrome右上角控制按钮 - 更多工具 - 检查设备 - 勾选上 Discover USB devices(5) 在app中访问一个web页面,对应的

UIWebView --- IOS用于展示Web页面的控件

UIWebView是IOS中用于展示Web页面的基本控件,提供了非常简便高效的使用方式. 首先,要现在storyboard中建立一个UIWebView的IBOutlet,且与ViewController关联起来. 然后就是代码执行过程了: //webView与storyboard连接起来 var webView: UIWebView! //先设置好webView的样式等 webView!.frame = self.view.frame webView!.backgroundColor = UIC