成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JavaScript如何調用Native iOS/Android 方法

chenatu / 2936人閱讀

摘要:三調用方法與不同之處在于,接收中文英文參數(shù),無需操作。例如,我想要獲取用戶,本著駝峰命名規(guī)范,我們將函數(shù)名稱統(tǒng)一定義為。在調試時,發(fā)現(xiàn)接收到的函數(shù)方法為,導致。

寫在前面的話:本文面向web前端工程師,iOS 或 Android 請移步這里stackoverflow。關于app開發(fā)模式,這里不再贅述。

一、判斷機型

js 調用 Native iOS/Android function 需要使用不同的方法,所以首先要做的是判斷用戶機型,代碼如下:

var u = navigator.userAgent.toLowerCase();
var isApple = /iphone|ipad|ipod|ios/i.test(u);
var isAndroid = /android/i.test(u);
二、調用 Native iOS 方法

通過 js 改變 window.location 值, 來實現(xiàn)調用 iOS function ,這個操作并不是跳轉,而是觸發(fā)了一個 即發(fā)即棄 (a fire and forget) 事件。代碼如下:

//一個參數(shù)
window.location = "color://" + color;

//兩個參數(shù)
window.location = "myscheme://param1/" + value1 + "/param2/" + value2;

iOS 端接收參數(shù)需要進行 url 編碼處理,可以使用 encodeURIComponent 函數(shù)處理。

ps:關于URI和URL
URI(Uniform Resource Identifier) 統(tǒng)一資源標識符
URL(Uniform Resource Locator) 統(tǒng)一資源定位符
URI包含URL和URN,如果URI標識一個人,URL好比這個人的住址,URN則是名字。

三、調用 Native Andriod 方法

與 iOS 不同之處在于,Andriod 接收中文英文參數(shù),無需 encode 操作。實現(xiàn)代碼如下:

if(window.AndroidBridge) {
    window.AndroidBridge.changeNavbarBackground(color);
}
四、關于函數(shù)名稱約定

三方會根據業(yè)務需求定義一個通用的函數(shù)名稱,這個函數(shù)名稱通常是由web前端工程師定義的。例如,我想要獲取用戶id,本著駝峰命名規(guī)范,我們將函數(shù)名稱統(tǒng)一定義為 getId() 。在 iOS 調試時,發(fā)現(xiàn)iOS接收到的函數(shù)方法為 getid() ,導致bug。

ok,問題解決了,若還有其他問題,歡迎給我留言。如果對你有幫助,記得在下方點個推薦吧~~

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉載請注明本文地址:http://systransis.cn/yun/91138.html

相關文章

  • JavaScript如何調用Native iOS/Android 方法

    摘要:三調用方法與不同之處在于,接收中文英文參數(shù),無需操作。例如,我想要獲取用戶,本著駝峰命名規(guī)范,我們將函數(shù)名稱統(tǒng)一定義為。在調試時,發(fā)現(xiàn)接收到的函數(shù)方法為,導致。 寫在前面的話:本文面向web前端工程師,iOS 或 Android 請移步這里stackoverflow。關于app開發(fā)模式,這里不再贅述。 一、判斷機型 js 調用 Native iOS/Android function 需...

    daydream 評論0 收藏0
  • JavaScript如何調用Native iOS/Android 方法

    摘要:三調用方法與不同之處在于,接收中文英文參數(shù),無需操作。例如,我想要獲取用戶,本著駝峰命名規(guī)范,我們將函數(shù)名稱統(tǒng)一定義為。在調試時,發(fā)現(xiàn)接收到的函數(shù)方法為,導致。 寫在前面的話:本文面向web前端工程師,iOS 或 Android 請移步這里stackoverflow。關于app開發(fā)模式,這里不再贅述。 一、判斷機型 js 調用 Native iOS/Android function 需...

    zengdongbao 評論0 收藏0
  • 跨平臺技術演進

    摘要:接下來,我將從原理優(yōu)缺點等方面為大家分享跨平臺技術演進。小程序年是微信小程序飛速發(fā)展的一年,年,各大廠商快速跟進,已經有了很大的影響力。下面,我們以微信小程序為例,分析小程序的技術架構。 前言 大家好,我是simbawu ,@BooheeFE Team Leader,關于這篇文章,有問題歡迎來這里討論。 隨著移動互聯(lián)網的普及和快速發(fā)展,手機成了互聯(lián)網行業(yè)最大的流量分發(fā)入口。以及隨著5G...

    魏憲會 評論0 收藏0
  • 跨平臺技術演進

    摘要:接下來,我將從原理優(yōu)缺點等方面為大家分享跨平臺技術演進。小程序年是微信小程序飛速發(fā)展的一年,年,各大廠商快速跟進,已經有了很大的影響力。下面,我們以微信小程序為例,分析小程序的技術架構。 前言 大家好,我是simbawu ,@BooheeFE Team Leader,關于這篇文章,有問題歡迎來這里討論。 隨著移動互聯(lián)網的普及和快速發(fā)展,手機成了互聯(lián)網行業(yè)最大的流量分發(fā)入口。以及隨著5G...

    MasonEast 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<