首页 > 其他分享 >客户端相关知识学习(四)之H5页面如何嵌套到APP中

客户端相关知识学习(四)之H5页面如何嵌套到APP中

时间:2023-11-28 12:58:12浏览次数:47  
标签:交互方式 APP H5 嵌套 API Android 交互 页面

 

 

Android原生如何渲染H5页面

Android与 H5 的交互方式大概有以下 1 种:

  • 利用WebView进行交互(系统API)

iOS原生如何渲染H5页面

iOS 与 H5 的交互方式大概有以下 5 种:

  • 利用 WKWebView 进行交互 (系统 API)

  • 利用 UIWebView 进行交互 (系统 API)

  • 苹果的 javascriptcore.framework 框架;

  • 跨平台 cordova 框架;

  • 第三方 WebViewJavascriptBridge

总结

其实就是使用WKWebView、UIWebView、WebView来加载H5页面,也就是使用webview直接打开在线地址

标签:交互方式,APP,H5,嵌套,API,Android,交互,页面
From: https://www.cnblogs.com/onesea/p/17861678.html

相关文章

  • 客户端相关知识学习(十)之app给h5传递数据
      方法一:app可以把参数传到h5的链接里,用类似?xx=xx&xx=xx的形式拼接,js解析参数即可。方法二:情况一:app调用h5原生app都可以对js的function进行触发,前端要做的只是将js定义好方法名和参数,交给app人员即可,app将数据通过参数传入情况二:h5调用app当H5页面加载时,就可以通过j......
  • 客户端相关知识学习(九)之h5给app传递数据
      方法一:情况一:if (window.JdAndroid){     window.JdAndroid.setPayCompleted();     window.JdAndroid.setPageIndex("cashierDesk_finish");}调用方式:h5调用Android方法传递数据:通过参数传递给Android情况二:var viewA......
  • 客户端相关知识学习(十二)之在h5页面打开另一个页面
      以京东收银台为例,收银台首页和成功页使用的是一个webview,在成功页点击一个按钮可能会跳转,可能是http(h5页面)也可能是openapp(原生页面/h5页面)Androidhttp:不会打开新的webview,就在收银台的webview中打开openapp:打开新的webviewiOShttp:不会打开新的webview,就在收银台的we......
  • 客户端相关知识学习(十一)之Android H5交互Webview实现localStorage数据存储
      前言最近有一个需求是和在app中前端本地存储相关的,所以恶补了一下相关知识webView开启支持H5 LocalStorage存储有些时候我们发现写的本地存储没有起作用,那是因为默认WebView没有开启LocalStorage存储。开启方法如下首先得有Webview控件:有人问我是不是需要写布局文件......
  • 如何根据ua判断ios、android、ipad?如何判断app版本
    如何根据ua判断ios、android、ipad?如何判断app版本 根据ua判断iOSvar ua = navigator.userAgent;if(ua.match(/(iPhone\sOS)\s([\d_]+)/)){//isios}根据ua判断ipadvar ua = navigator.userAgent;if(ua.match(/(iPad).*OS\s([\d_]+)/)){//is......
  • 【问题记录】【SpringBoot】明明配置都有,就是不生效、莫名奇妙 application.propertie
    1 启动报错启动报错,Redis的某个属性没有值:可是我的这些配置明明都有,他就是读不到,之前好好的。。莫名很邪门。。。2 排查思路从现象感觉上像是application.properties文件不起作用,像是没读取似的,看启动类文件结构也都没啥毛病,然后看看target里,发现确实resources下的......
  • 关于如何来测一款app的思考
    最近工作当中需要整体测一遍app,需要全方面思考并且尽可能覆盖所有待测点,因为整理总结了这篇关于app测试的总体大纲一、功能测试1.1界面测试1.1.1导航测试---是否易于导航、导航是否直观---不同页面之间的连接需要导航---是否需要搜索引擎---菜单、列表、窗口、对话框、按......
  • Android app兼容低版本Java环境
    原文地址:Androidapp兼容低版本Java环境-Stars-One的杂货小窝起因是修复一个Bug遇到的问题,找到了一个可以让app兼容低版本java的方法众所周知,Android版本更新后,其内置的JRE环境也随之更新了假如我们在app中用到了JDK8的特有的属性,而用户的手机设备系统还是比较低,而没......
  • 从前端的角度来梳理微信支付(小程序、H5、JSAPI)的流程
    因业务需要,开发微信支付功能,涉及三种支付方式:JSAPI支付:微信内网页支付,需要开通微信服务号小程序支付:在小程序中支付,需要开通小程序H5支付:在手机浏览器(出微信内网爷)中网页支付使用微信支付的前提必开通微信商户号,要使用到那种的支付方式要前需在商户平台开通(要审核)。支付......
  • Make Lexicographically Smallest Array by Swapping Elements
    MakeLexicographicallySmallestArraybySwappingElementsYouaregivena 0-indexed arrayof positive integers nums anda positive integer limit.Inoneoperation,youcanchooseanytwoindices i and j andswap nums[i] and nums[j] if |nums......