js 调用本地方法时兼容Android和Ios

最新推荐文章于 2023-09-11 16:17:01 发布

一口小茶

最新推荐文章于 2023-09-11 16:17:01 发布

阅读量1.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： app 嵌套 HTML5 web

本文链接：https://blog.youkuaiyun.com/wangyangyang_n/article/details/51202744

web 同时被 2 个专栏收录

5 篇文章

订阅专栏

app 嵌套 HTML5

2 篇文章

订阅专栏

本文介绍了如何在HTML与JS中实现跨平台的本地方法调用，解决Android和iOS调用代码不一致的问题。通过判断访问设备类型，实现一套JS代码即可兼容两端。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Html界面写好了写js的时候发现，js调用本地代码的话。Android端和Ios端的调用代码是不一样的,那是不是要写两套js页面？

事实是一套足已，我们可以判断先访问的来源，是Ios还是Android

<script type="text/javascript">
  		var basePath = "<%=basePath%>";
  		/*
  		* 智能机浏览器版本信息:
  		*/
  		var browser = {
  		versions: function() {
  				var u = navigator.userAgent, app = navigator.appVersion;
  				return {//移动终端浏览器版本信息 
  				ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
  				android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
  				iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
  				iPad: u.indexOf('iPad') > -1, //是否iPad
  				};
  			}(),
  			language: (navigator.browserLanguage || navigator.language).toLowerCase()
  		}
  		//调用浏览器版本信息判断是IOS还是Android
  		function search(){
  			if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
  						//调用IOS的jumpjumpNext（）方法
  						window.location.href = 'hm://jumpNext';
  						
  			}else if (browser.versions.android) {
  						//调用Android的jumpjumpNext（）方法
  						window.Position.jumpNext();	
  				}
  			
  		}		
  </script>