摘要:三調(diào)用方法與不同之處在于,接收中文英文參數(shù),無需操作。例如,我想要獲取用戶,本著駝峰命名規(guī)范,我們將函數(shù)名稱統(tǒng)一定義為。在調(diào)試時(shí),發(fā)現(xiàn)接收到的函數(shù)方法為,導(dǎo)致。
寫在前面的話:本文面向web前端工程師,iOS 或 Android 請(qǐng)移步這里stackoverflow。關(guān)于app開發(fā)模式,這里不再贅述。
一、判斷機(jī)型js 調(diào)用 Native iOS/Android function 需要使用不同的方法,所以首先要做的是判斷用戶機(jī)型,代碼如下:
var u = navigator.userAgent.toLowerCase(); var isApple = /iphone|ipad|ipod|ios/i.test(u); var isAndroid = /android/i.test(u);二、調(diào)用 Native iOS 方法
通過 js 改變 window.location 值, 來實(shí)現(xiàn)調(diào)用 iOS function ,這個(gè)操作并不是跳轉(zhuǎn),而是觸發(fā)了一個(gè) 即發(fā)即棄 (a fire and forget) 事件。代碼如下:
//一個(gè)參數(shù) window.location = "color://" + color; //兩個(gè)參數(shù) window.location = "myscheme://param1/" + value1 + "/param2/" + value2;
iOS 端接收參數(shù)需要進(jìn)行 url 編碼處理,可以使用 encodeURIComponent 函數(shù)處理。
ps:關(guān)于URI和URL
URI(Uniform Resource Identifier) 統(tǒng)一資源標(biāo)識(shí)符
URL(Uniform Resource Locator) 統(tǒng)一資源定位符
URI包含URL和URN,如果URI標(biāo)識(shí)一個(gè)人,URL好比這個(gè)人的住址,URN則是名字。
與 iOS 不同之處在于,Andriod 接收中文英文參數(shù),無需 encode 操作。實(shí)現(xiàn)代碼如下:
if(window.AndroidBridge) { window.AndroidBridge.changeNavbarBackground(color); }四、關(guān)于函數(shù)名稱約定
三方會(huì)根據(jù)業(yè)務(wù)需求定義一個(gè)通用的函數(shù)名稱,這個(gè)函數(shù)名稱通常是由web前端工程師定義的。例如,我想要獲取用戶id,本著駝峰命名規(guī)范,我們將函數(shù)名稱統(tǒng)一定義為 getId() 。在 iOS 調(diào)試時(shí),發(fā)現(xiàn)iOS接收到的函數(shù)方法為 getid() ,導(dǎo)致bug。
ok,問題解決了,若還有其他問題,歡迎給我留言。如果對(duì)你有幫助,記得在下方點(diǎn)個(gè)推薦吧~~
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/50253.html
摘要:三調(diào)用方法與不同之處在于,接收中文英文參數(shù),無需操作。例如,我想要獲取用戶,本著駝峰命名規(guī)范,我們將函數(shù)名稱統(tǒng)一定義為。在調(diào)試時(shí),發(fā)現(xiàn)接收到的函數(shù)方法為,導(dǎo)致。 寫在前面的話:本文面向web前端工程師,iOS 或 Android 請(qǐng)移步這里stackoverflow。關(guān)于app開發(fā)模式,這里不再贅述。 一、判斷機(jī)型 js 調(diào)用 Native iOS/Android function 需...
摘要:三調(diào)用方法與不同之處在于,接收中文英文參數(shù),無需操作。例如,我想要獲取用戶,本著駝峰命名規(guī)范,我們將函數(shù)名稱統(tǒng)一定義為。在調(diào)試時(shí),發(fā)現(xiàn)接收到的函數(shù)方法為,導(dǎo)致。 寫在前面的話:本文面向web前端工程師,iOS 或 Android 請(qǐng)移步這里stackoverflow。關(guān)于app開發(fā)模式,這里不再贅述。 一、判斷機(jī)型 js 調(diào)用 Native iOS/Android function 需...
摘要:接下來,我將從原理優(yōu)缺點(diǎn)等方面為大家分享跨平臺(tái)技術(shù)演進(jìn)。小程序年是微信小程序飛速發(fā)展的一年,年,各大廠商快速跟進(jìn),已經(jīng)有了很大的影響力。下面,我們以微信小程序?yàn)槔?,分析小程序的技術(shù)架構(gòu)。 前言 大家好,我是simbawu ,@BooheeFE Team Leader,關(guān)于這篇文章,有問題歡迎來這里討論。 隨著移動(dòng)互聯(lián)網(wǎng)的普及和快速發(fā)展,手機(jī)成了互聯(lián)網(wǎng)行業(yè)最大的流量分發(fā)入口。以及隨著5G...
摘要:接下來,我將從原理優(yōu)缺點(diǎn)等方面為大家分享跨平臺(tái)技術(shù)演進(jìn)。小程序年是微信小程序飛速發(fā)展的一年,年,各大廠商快速跟進(jìn),已經(jīng)有了很大的影響力。下面,我們以微信小程序?yàn)槔?,分析小程序的技術(shù)架構(gòu)。 前言 大家好,我是simbawu ,@BooheeFE Team Leader,關(guān)于這篇文章,有問題歡迎來這里討論。 隨著移動(dòng)互聯(lián)網(wǎng)的普及和快速發(fā)展,手機(jī)成了互聯(lián)網(wǎng)行業(yè)最大的流量分發(fā)入口。以及隨著5G...
閱讀 4018·2021-10-09 09:43
閱讀 2901·2021-10-08 10:05
閱讀 2774·2021-09-08 10:44
閱讀 905·2019-08-30 15:52
閱讀 2852·2019-08-26 17:01
閱讀 3046·2019-08-26 13:54
閱讀 1681·2019-08-26 10:48
閱讀 833·2019-08-23 14:41