iOS開發-WKWebView與JS的互動

/**
iOS呼叫js裡的navButtonAction方法並傳入兩個引數

     @param 'Xuanhe' 傳入的引數
@param 25 傳入的引數
@return completionHandler 回呼
*/
[self.webView evaluateJavaScript:@"navButtonAction('Xuanhe',18)" completionHandler:^(id _Nullable response, NSError * _Nullable error) {
NSLog(@"response:%@,error:%@",response,error);
}];


//網頁載入完成
-(void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{
//設定JS
NSString *js = @"document.getElementsByTagName('h1')[0].innerText";
//執行JS
[webView evaluateJavaScript:js completionHandler:^(id _Nullable response, NSError * _Nullable error) {
NSLog(@"value: %@ error: %@", response, error);

    }];
}


WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
WKWebView *webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, kNavBarH, kScreenW, kScreenH-kNavBarH) configuration:config];
webView.navigationDelegate = self;
webView.UIDelegate = self;

//獲取HTML背景關係的第一個h2標簽,並寫入內容 
NSString *js = @”document.getElementsByTagName(‘h2’)[0].innerText = ‘這是一個iOS寫入的方法'”;
WKUserScript*script = [[WKUserScript alloc] initWithSource:js injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];
[config.userContentController addUserScript:script];

[self.view addSubview:webView];


 [[webView configuration].userContentController addScriptMessageHandler:self name:@"show"];


//js傳遞過來的資料
-(void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message
{
NSLog(@"%@",message.name);//方法名
NSLog(@"%@",message.body);//傳遞的資料
}


// alert
//此方法作為js的alert方法介面的實現，預設彈出視窗應該只有提示資訊及一個確認按鈕，當然可以新增更多按鈕以及其他內容，但是並不會起到什麼作用
//點選確認按鈕的相應事件需要執行completionHandler，這樣js才能繼續執行
////引數 message為  js 方法 alert() 中的
-(void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler{
UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"提示" message:message?:@"" preferredStyle:UIAlertControllerStyleAlert];
[alertController addAction:([UIAlertAction actionWithTitle:@"確認" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
completionHandler();
}])];
[self presentViewController:alertController animated:YES completion:nil];
}
// confirm
//作為js中confirm介面的實現，需要有提示資訊以及兩個相應事件， 確認及取消，並且在completionHandler中回傳相應結果，確認傳回YES， 取消傳回NO
//引數 message為  js 方法 confirm() 中的
-(void)webView:(WKWebView *)webView runJavaScriptConfirmPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(BOOL))completionHandler{

    UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@”提示” message:message?:@”” preferredStyle:UIAlertControllerStyleAlert];
[alertController addAction:([UIAlertAction actionWithTitle:@”取消” style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
completionHandler(NO);
}])];

    [alertController addAction:([UIAlertAction actionWithTitle:@”確認” style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
completionHandler(YES);
}])];

    [self presentViewController:alertController animated:YES completion:nil];
}

// prompt
//作為js中prompt介面的實現，預設需要有一個輸入框一個按鈕，點選確認按鈕回傳輸入值
//當然可以新增多個按鈕以及多個輸入框，不過completionHandler只有一個引數，如果有多個輸入框，需要將多個輸入框中的值透過某種方式拼接成一個字串回傳，js接收到之後再做處理
//引數 prompt 為 prompt(, );中的
//引數defaultText 為 prompt(, );中的 
-(void)webView:(WKWebView *)webView runJavaScriptTextInputPanelWithPrompt:(NSString *)prompt defaultText:(NSString *)defaultText initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(NSString * _Nullable))completionHandler{

    UIAlertController *alertController = [UIAlertController alertControllerWithTitle:prompt message:@”” preferredStyle:UIAlertControllerStyleAlert];
[alertController addTextFieldWithConfigurationHandler:^(UITextField * _Nonnull textField) {
textField.text = defaultText;
}];

    [alertController addAction:([UIAlertAction actionWithTitle:@”完成” style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
completionHandler(alertController.textFields[0].text?:@””);
}])];
[self presentViewController:alertController animated:YES completion:nil];

}