1. 程式人生 > >web端vue.js 互動iOS

web端vue.js 互動iOS

方法一:用 funcTest(xxx://aaa&bbb&ccc)
這種方法最簡單,多個引數之間約定間隔字串就好了,iOS端監聽 xxx 協議即可
這裡需要使用到:

#pragma mark - UIWebViewDelegate
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request
 navigationType:(UIWebViewNavigationType)navigationType
{
    NSURL * url = [request URL];
    if
([[url scheme] isEqualToString:@"firstclick"]) { NSArray *params =[url.query componentsSeparatedByString:@"&"]; NSMutableDictionary *tempDic = [NSMutableDictionary dictionary]; for (NSString *paramStr in params) { NSArray *dicArray = [paramStr componentsSeparatedByString:@"="
]; if (dicArray.count > 1) { NSString *decodeValue = [dicArray[1] stringByReplacingPercentEscapesUsingEncoding:NSUTF8StringEncoding]; [tempDic setObject:decodeValue forKey:dicArray[0]]; } } NSString *cntent = [NSString
stringWithFormat:@"%@", tempDic]; UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"JS呼叫OC-OC原生彈框" message:cntent delegate:self cancelButtonTitle:@"收到" otherButtonTitles:nil]; [alertView show]; NSLog(@"tempDic:%@",tempDic); return NO; } return YES; }

方法二:web端需要使用第三方庫,具體見最上方連線。

相關推薦

webvue.js 互動iOS

方法一:用 funcTest(xxx://aaa&bbb&ccc) 這種方法最簡單,多個引數之間約定間隔字串就好了,iOS端監聽 xxx 協議即可 這裡需要使用到: #pragma mark - UIWebViewDelegate

vue.js降級(ios微信audio不能播放的解決辦法之一)

還是在做qq音樂webApp~快完成了,在ios上測試的時候,發現所有audio的音樂都不能播放 幾經搜尋,找到了黃軼老師的一篇踩坑筆記 筆記中寫的很多,關於為什麼audio在ios上不能播

從零開始學 WebVue.js(三)Vue實例的生命周期

報錯 web 前端 cnblogs 前端 eth code vue 公眾 des 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之巔

從零開始學 WebVue.js(四)Vue的Ajax請求和跨域

在線安裝 配置 name php文件 splay .json alert 參考 1.0 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端

Vue.js互動

Vue.js互動 vue,js互動需要使用vue-resource.js庫 vue.js互動藉助於$http完成 語法:使用promise語法 常用的互動型別 get型別 post型別 jsonp型別 舉例應用 get型別 語法:this.$http.g

從零開始學 WebVue.js(五)Vue的動畫

一、Vue的動畫 為什麼要有動畫:動畫能夠提高使用者的體驗,幫助使用者更好的理解頁面中的功能; Vue 中也有動畫,不過遠沒有 css3 中的那麼炫酷。只能有一些簡單的變換,但是卻可以配合第三方css動畫庫完成炫酷的變換。 1、過渡的類名 在進入/離開的過渡

從零開始學 WebVue.js(六)Vue的元件

大家好,這裡是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 部落格園:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/

從零開始學 WebVue.js(二)過濾器,按鍵修飾符,自定義指令

大家好,這裡是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 部落格園:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/

從零開始學 WebVue.js(一)Vue.js概述,基本結構,指令,事件修飾符,樣式

大家好,這裡是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 部落格園:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/

java web and vue.js 配合使用---servlet的配置

這篇文章主要記錄java中使用servlet做伺服器端程式設計,為vue.js等前端構建介面.能夠在一個servlet中根據請求引數處理多個請求.(並不需要寫jsp頁面) 步驟如下

移動Vue.js的圖片預覽元件,實現放縮、滑動功能的參考

https://segmentfault.com/a/1190000013193690     segmentfault網址http://www.ml-ui.com/#/docs/i-view     ml-ui的vue框架https://www.cnblogs.com/Ed

web常用JS正則校驗表示式總結

1、說明       web端開發時經常會用正則表示式對輸入進行校驗,比如手機號、郵箱、密碼、銀行卡號,等等,       這裡不追溯校驗的各個編碼規則,有想了解的可自行查詢,       下面總結了一些常用的正則表示式,分享給各位同學~ 2、校驗表示式      

vue 中解決移動使用 js sdk 在ios 上一直報invalid signature 的問題解決

  2018年06月13日 14:17:20 嶽小哥 閱讀數:343 最近專案需求,需要一個上傳多張圖片的功能,但是出現的問題是在安卓端是沒有問題的,但是在ios上一直都是 invalid signature,但是重新整理頁面就沒有問題了。 Vue

ASP.NET Core 實戰:使用 ASP.NET Core Web API 和 Vue.js,搭建前後分離框架

前言         這幾年前端的發展速度就像坐上了火箭,各種的框架一個接一個的出現,需要學習的東西越來越多,分工也越來越細,作為一個 .NET Web 程式猿,多瞭解瞭解行業的發展,讓自己擴展出新的技能樹,對自己的職業發展還是

iOS-UIWebview與web互動(javascript指令碼)iOS公開介面供web呼叫

-(void)webViewDidFinishLoad:(UIWebView *)webView {     //程式會一直呼叫該方法,所以判斷若是第一次載入後就使用我們自己定義的js,此後不在呼叫JS,否則會出現網頁抖動現象     if (!_isFirstLoadWeb) {        

學習Vue.jsvue移動框架到底哪家強

outer import ati 工作 需要 全部 ctu ron 上層 官網:https://cn.vuejs.org/ Weex 2016年4月21日,阿裏巴巴在Qcon大會上宣布跨平臺移動開發工具Weex開放內測邀請。 Weex 是一套簡單易用的跨平臺開發方案

vue.js基礎知識篇(8):與服務通信

add 攔截 數據交互 order solid json ise async params vue.js可以構建一個完全不依賴後端服務的應用APP,同時也可以與服務端進行數據交互來同步界面的動態更新。vue-resource實現了基於AJAX、JSONP等技術的服務端通信。

js控制ios的input/textarea元素失去焦點時隱藏鍵盤

out ios cas browser 焦點 agent 解決辦法 col area 同事在測試產品時發現這樣一個:“某些頁面擊完input框,在點空白處時,iOS設備的鍵盤不能隱藏並且焦點也不會失去” 帶著這個問題我進行了測試,發現在安卓的設備上並沒有這種問題出現。 於是

vue.js 1.0中用v-for遍歷出的li中的@click事件在移動無效

play 需要 data class import child exp ons rec 在vue.js使用v-for遍歷出的li中的@click事件在移動端無效,在網頁端可以執行,代碼如下 <template> <div class="rating-

基於VUE.JS的移動框架Mint UI

部分 () cnblogs div 兩個 span stc 方法 從零開始 Mint UI GitHub:github.com/ElemeFE/mint 項目主頁:mint-ui.github.io/# Demo:elemefe.github.io/mint- 文檔:min