IOS OC與js交互詳解
JS注入 : 把JS代碼有OC注入到網頁
JS注入又叫做OC和JS的交互
OC和JS的交互需要一個橋梁(中介),這個橋梁就是UIWebView的代理方法
網頁加載初始內容
#import "ViewController.h"
@interface ViewController ()<UIWebViewDelegate>
@property (weak, nonatomic) IBOutlet UIWebView *webView;
@end
- (void)viewDidLoad {
[super viewDidLoad];
// 設置webView的代理
self.webView.delegate = self;
// 加載網頁數據
NSURL *URL = [NSURL URLWithString:@"http://m.dianping.com/tuan/deal/5501525"];
// NSURL *URL = [NSURL URLWithString:@"https://www.hao123.com/?tn=93321723_hao_pg"];
NSURLRequest *request = [NSURLRequest requestWithURL:URL];
[self.webView loadRequest:request];
}
在UIWebView的代理方法里用js來更改原生網頁
/// 網頁加載完成之后調用的代理方法 : JS注入 : OC調用JS代碼
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
// 用于拼接JS代碼的字符串
NSMutableString *stringM = [NSMutableString string];
// 拼接移除頂部導航的JS代碼
[stringM appendString:@"var headerTag = document.getElementsByTagName('header')[0]; headerTag.parentNode.removeChild(headerTag);"];
// 拼接移除橙色按鈕的JS代碼
[stringM appendString:@"var footerBtnTag = document.getElementsByClassName('footer-btn-fix')[0]; footerBtnTag.parentNode.removeChild(footerBtnTag);"];
// 拼接移除底部布局的JS代碼
[stringM appendString:@"var footerTag = document.getElementsByClassName('footer')[0]; footerTag.parentNode.removeChild(footerTag);"];
// 拼接給img標簽添加點擊事件的JS代碼
[stringM appendString:@"var imgTag = document.getElementsByTagName('figure')[0].children[0]; imgTag.onclick = function(){window.location.];
// 這個方法就是UIWebView提供的.專門做JS注入的方法
[webView stringByEvaluatingJavaScriptFromString:stringM];
}
攔截原生網絡請求網頁跳轉
imgTag.onclick = function(){window.location.href='https://www.baidu.com‘}
點擊imgTag時,主動發送網絡請求
主動發送網絡請求的目的 : 就是為了讓UIWebView能夠攔截到我的自定義的URL
通過自定義的URL,判斷 / 區別 我點擊的標簽是否是我設計的那個標簽
自定義獨一無二的URL,表示點擊的是獨一無二的標簽
總結起來就是兩步
第一步 : JS注入標簽的點擊事件,并主動發送一個自定義的URL的請求
第二步 : 在UIWebView里面.攔截自定義的URL的請求,然后判斷請求
JS間接調用OC : JS和OC的交互
網頁即將開始加載時調用的代理方法 : 可以攔截到webView上的所有的網絡請求
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
// 獲取攔截到的所有的請求
NSString *URLString = request.URL.absoluteString;
//https://m.baidu.com/?from=1015143h
// NSLog(@"%@",URLString);
if ([URLString isEqualToString:@"https://m.baidu.com/?from=1015143h"]) {
NSLog(@"我點擊的是imgTag");
// 當我知道點擊的是imgTag時,自動push
//http://www.csdn.net/
NSURL *URL = [NSURL URLWithString:@"http://www.csdn.net/"];
NSURLRequest *request = [NSURLRequest requestWithURL:URL];
[self.webView loadRequest:request];
// TestViewController *testVC = [[TestViewController alloc] init];
// [self.navigationController pushViewController:testVC animated:YES];
// 因為這個地址是無效地址.不需要加載的
return NO;
}
// 返回YES的作用 : 表示你攔截到的請求,允許正常的發送出去;反之,不允許攔截到的請求發送出去
return YES;
}
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
