【iOS開發】UIWebView與JavaScript(JS) 回調交互

来源:http://www.cnblogs.com/jgCho/archive/2016/01/04/5098155.html
-Advertisement-
Play Games

-------------------------------------------------很多關於objc 與 js 交互的文章都比較適用於 mac開發，iOS的webview 還是有所不一樣，參考：http://blog.sina.com.cn/s/blog_693de6100102vhu...


------------------------------------------------- 很多關於objc 與 js 交互的文章都比較適用於 mac開發，iOS的webview 還是有所不一樣， 參考：http://blog.sina.com.cn/s/blog_693de6100102vhuh.html 本文提供了一個很好解決UIWebView內js和objc 交互的思路。 自然，從oc到js，可以使用 stringByEvaluatingJavaScriptFromString： 來實現。 從js到oc，採用比較巧妙的設計，UIWebView瀏覽器攔截 url請求，自定義url的方式攔截交互請。 ------------------------------------------------- -------------------------------------------------

UIWebView是IOS SDK中渲染網面的控制項，在顯示網頁的時候，我們可以hack網頁然後顯示想顯示的內容。其中就要用到javascript的知識，而UIWebView與javascript交互的方法就是stringByEvaluatingJavaScriptFromString:

有了這個方法我們可以通過objc調用javascript,可以註入javascript。

首先我們來看一下，如何調用javascript:

 
  1. [webView stringByEvaluatingJavaScriptFromString:@"myFunction();"];  

這兒myFunction()就是我們的javascript方法。

 

再來看看入何註入javascript,我們先寫一個需要註入的javascript:

 
  1. function showAlert() {  
  2.     alert('in show alert');  
  3. }  

保存為test.js,然後拖到xcode 的resource分組下。再用代碼在初始化的時候註入這個js（如在viewDidLoad方法里）。

 
  1. NSString *filePath = [[NSBundle mainBundle] pathForResource:@"test" ofType:@"js"];  
  2. NSString *jsString = [[NSString alloc] initWithContentsOfFile:filePath];  
  3. [webView stringByEvaluatingJavaScriptFromString:jsString];  

這樣就註入了上面的js，那麼我們可以隨時調用js的方法，如何調用，上面有介紹。

  

那麼我們能不能通過js來調用objc的方法呢。 當然可以，原理就是利用UIWebView重定向請求，傳一些命令到我們的UIWebView,在UIWebView的delegate的方法中接收這些命令，並根據命令執行相應的objc方法。這樣就相當於在javascript中調用objc的方法。說起來有點抽象，看看代碼一下就明白。

首先我們寫一個javascript 方法如下：

[javascript] 
  1. function sendCommand(cmd,param){  
  2.     var url="testapp:"+cmd+":"+param;  
  3.     document.location = url;  
  4. }  
  5. function clickLink(){  
  6.     sendCommand("alert","你好嗎？");  
  7. }  

然後在你的html里調用這個js方法 如： 

[javascript] 
  1. "button" value="Click me!" onclick="clickLink()" />
      


最後我們在UIWebVew中截獲這個重定向請求：

 
  1. #pragma mark --   
  2. #pragma mark UIWebViewDelegate   
  3.   
  4. - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {  
  5.       
  6.     NSString *requestString = [[request URL] absoluteString];  
  7.     NSArray *components = [requestString componentsSeparatedByString:@":"];  
  8.     if ([components count] > 1 && [(NSString *)[components objectAtIndex:0] isEqualToString:@"testapp"]) {  
  9.         if([(NSString *)[components objectAtIndex:1] isEqualToString:@"alert"])   
  10.         {  
  11.             UIAlertView *alert = [[UIAlertView alloc]   
  12.                                   initWithTitle:@"Alert from Cocoa Touch" message:[components objectAtIndex:2]  
  13.                                   delegate:self cancelButtonTitle:nil  
  14.                                   otherButtonTitles:@"OK", nil];  
  15.             [alert show];  
  16.         }  
  17.         return NO;  
  18.     }  
  19.     return YES;  
  20. }  

 

 

 不過有一個開源工程大家可以看看，它允許javascript調用objective_c的方法。叫

jsbridge-to-cocoa   http://code.google.com/p/jsbridge-to-cocoa/

還有兩個相關工程

WebViewJavascriptBridge 與 GAJavaScript 值得大家慢慢研究。

 

其他

插入js代碼

上面的功能我們可以封裝到一個js函數中，將這個函數插入到頁面上執行，代碼如下：

if ([title compare: @"Google"]＝=NSOrderedSame ) { 
[webView stringByEvaluatingJavaScriptFromString:@"var script = document_createElement_x_x('script');" 
"script.type = 'text/javascript';" 
"script.text = "function myFunction() { " 
"var field = document.getElementsByName('q')[0];" 
"field.value='朱祁林';" 
"document.forms[0].submit();" 
"}";" 
"document.getElementsByTagName_r('head')[0].a(script);"]; 
[webView stringByEvaluatingJavaScriptFromString:@"myFunction();"]; 
}

看上面的代碼：

a、首先通過js創建一個script的標簽，type為'text/javascript'。

b、然後在這個標簽中插入一段字元串，這段字元串就是一個函數：myFunction，這個函數實現google自動搜索關鍵字的功能。

c、然後使用stringByEvaluatingJavaScriptFromString執行myFunction函數。

 

1. 一般調用

將本地數據，封裝，直接作為JS的返回值。如：獲取軟體的APPCode

//獲取APPCode

 NSArray *_plist_paths=NSSearchPathForDirectoriesInDomains(NSDocumentDirectory,NSUserDomainMask,YES);
 NSString *_plist_paths_path=[_plist_paths objectAtIndex:0];
 NSArray *_plist_array= [_plist_paths_path componentsSeparatedByString:@"/"];
 NSString *_appcode=[[NSString alloc]init];
 for (NSString *item in _plist_array) {
  if ([item length]==36) {
   _appcode=item;
   break;
  }
 }
 NSLog(@"current appcode:%@",_appcode);

//註入到js中
 NSMutableString *_getApkCode=[[NSMutableString alloc]init];
 [_getApkCode appendFormat:@" function  _getApkCode(){"];
 [_getApkCode appendFormat:@"return '%@';",_appcode];
 [_getApkCode appendString:@" }"];
 [self.webView stringByEvaluatingJavaScriptFromString:_getApkCode];
 [_getApkCode release];

2.需要跟平臺進行交互調用

思路：

1.製造含有一定含義的請求如：（location.href="download"）;

2.在方法：-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType中，攔截：

//testMall:http://192.168.1.20:8083本地測試頁面地址

NSString *pre_download=[NSString stringWithFormat:@"%@downLoad",testMall];
 if([url hasPrefix:pre_download])
 { 

//下載代碼。。。。

}

3. 註意事項

a.存在Iframe嵌套的頁面，js註入

頁面註入JS是註入到,瀏覽器的html中,對於內部嵌套iframe框架的頁面，則無法調用到js。此時相當於調用父頁面的JS。

可以通過parent+方法名，來調用你註入的ＪＳ。parent.parent的使用個數，可以是多個，不影響js的執行，如果少用parent,可能會導致，調不到你註入的JS

b.存在交互的處理方法。推薦使用方法，iphone只負責提供js介面,不調用html內部或其他的js介面

  

示例：

html

function addDownload()

{

url='www.XXX.XXX.zip';

download(url);//調用iphone提供的js介面

addDownloadTask_ret();//獲取iphone下載介面執行的下載結果，此處調的是本地的一個延遲方法

}

//獲取iphone下載介面執行的下載結果

function addDownloadTask_ret()
{

var obj=getDownloadTaskResult();//此處為iphone提供的介面，負責返回當前下載執行情況的結果if(''!=obj||undefined!=obj)

{

//調用本地的一些後續處理方法。

}

else

{

setTimeout("addDownloadTask_ret2();",1000);

}

}   -------------------------------------------------
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • MiZ702學習筆記9——XADC採集片上數據PS版
    這次藉助zynq的內嵌的XADC來採集zynq內部的一些參數：•VCCINT：內部PL核心電壓•VCCAUX：輔助PL電壓•VREFP：XADC正參考電壓•VREFN：XADC負參考電壓•VCCBram：PL BRAM電壓•VCCPInt：PS內部核心電壓•VCCPAux：PS輔助電壓•VCCDdr...
  • linux 使用fdisk分區擴容
    標簽：fdisk分區概述我們管理的伺服器可能會隨著業務量的不斷增長造成磁碟空間不足的情況，在這個時候我們就需要增加磁碟空間，本章主要介紹如何使用fdisk分區工具創建磁碟分區和掛載分區，介紹兩種情況一種是對原有的磁碟的剩餘空間增加分區，第二種是對新添加的磁碟進行分區操作。擴展空間查看當前分區信息fd...
  • MySql錯誤1045 Access denied for user 'root'@'localhost' (using password:YES) windows下的解決方案（忘記密碼）
    1、進入管理員控制台停止mysql服務：net stop mysql;2、進入mysql的安裝路徑，如我的安裝路徑為C:\Program Files\MySQL\MySQL Server 5.5，打開my.ini文件，找到[mysqld]，在該行下麵添加skip_grant_tables，也就是通知...
  • Redis性能測試
    Redis 性能測試Redis 性能測試是通過同時執行多個命令實現的。Redis性能測試主要是通過src文件夾下的redis-benchmark來實現（Linux系統下）語法redis 性能測試的基本命令如下：redis-benchmark [option] [option value]實例以下實例...
  • Redis數據類型簡介
    Redis 數據類型Redis支持五種數據類型：string（字元串），hash（哈希），list（列表），set（集合）及zset(sorted set：有序集合)。String（字元串）string是redis最基本的類型，你可以理解成與Memcached一模一樣的類型，一個key對應一個val...
  • SQL SERVER幾種數據遷移/導出導入的實踐
    SQLServer提供了多種數據導出導入的工具和方法，在此，分享我實踐的經驗（只涉及資料庫與Excel、資料庫與文本文件、資料庫與資料庫之間的導出導入）。（一）資料庫與Excel方法1：使用資料庫客戶端（SSMS）的界面工具。右鍵選擇要導出數據的資料庫，選擇“任務”——“導出數據”，下圖1，按照嚮導...
  • 在64位WindowsServer2012R2中安裝Oracle10g第二版(10.2.0.4.0)-Up5-20160104
    1.操作系統版本用於安裝資料庫的操作系統鏡像文件名為：cn_windows_server_2012_r2_vl_with_update_x64_dvd_6052729.iso安裝DataCenter（帶GUI）版本2.資料庫版本安裝的資料庫文件名為：10204_vista_w2k8_x64_prod...
  • （轉）android屏幕適配
    本文轉自：http://isux.tencent.com/learn-android-from-zero-session6.html一，Android的度量單位在Android中，定義組件尺寸的單位通常有dp和sp,那麼它們跟我們經常使用的px有什麼區別呢？pxpx是Pixels的縮寫，是常用的像素...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類