最新消息:20190717 VPS服务器:Vultr新加坡,WordPress主题:大前端D8,统一介绍入口:关于

【已解决】iOS的APP中WKWebView中alert弹框不显示

app crifan 2115浏览 0评论

折腾:

【记录】ReactJS的H5利用WebViewJavascriptBridge和iOS的app互相调用

期间,好像碰到的问题是:

iOS的App中,使用了WKWebView去加载页面

ReactJS生成的H5的JS中,使用alert去弹框打印信息

结果始终不显示alert弹框

iOS  WKWebView alert

iOS WKWebView not showing javascript alert() dialog – Stack Overflow

需要自己去实现:

alert

confirm

TextIput

(void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler {
    [WKWebViewPanelManager presentAlertOnController:self.view.window.rootViewController title:@”Alert” message:message handler:completionHandler];
}
– (void)webView:(WKWebView *)webView runJavaScriptConfirmPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(BOOL result))completionHandler {
    [WKWebViewPanelManager presentConfirmOnController:self.view.window.rootViewController title:@”Confirm” message:message handler:completionHandler];
}
– (void)webView:(WKWebView *)webView runJavaScriptTextInputPanelWithPrompt:(NSString *)prompt defaultText:(nullable NSString *)defaultText initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(NSString * __nullable result))completionHandler {
    [WKWebViewPanelManager presentPromptOnController:self.view.window.rootViewController title:@”Prompt” message:prompt defaultText:defaultText handler:completionHandler];
}

ios – WKWebView – Javascript Confirm and Alert not working – Stack Overflow

IOS WKWebview 和JS交互 – 简书

iOS WKWebView not showing javascript alert() dialog – Stack Overflow

所以,是需要iOS原生端自己去实现的。

具体写法,参考上述帖子里面代码即可。

比如:

ObjC:

– (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler
{
    UIAlertController *alertController = [UIAlertController alertControllerWithTitle:message
                                                                             message:nil
                                                                      preferredStyle:UIAlertControllerStyleAlert];
    [alertController addAction:[UIAlertAction actionWithTitle:@”OK”
                                                        style:UIAlertActionStyleCancel
                                                      handler:^(UIAlertAction *action) {
                                                          completionHandler();
                                                      }]];
    [self presentViewController:alertController animated:YES completion:^{}];
}

或:

func webView(_ webView: WKWebView, runJavaScriptAlertPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo,
             completionHandler: @escaping () -> Void) {
    let alertController = UIAlertController(title: nil, message: message, preferredStyle: .actionSheet)
    alertController.addAction(UIAlertAction(title: “OK”, style: .default, handler: { (action) in
        completionHandler()
    }))
    present(alertController, animated: true, completion: nil)
}
func webView(_ webView: WKWebView, runJavaScriptConfirmPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo,
             completionHandler: @escaping (Bool) -> Void) {
    let alertController = UIAlertController(title: nil, message: message, preferredStyle: .actionSheet)
    alertController.addAction(UIAlertAction(title: “OK”, style: .default, handler: { (action) in
        completionHandler(true)
    }))
    alertController.addAction(UIAlertAction(title: “Cancel”, style: .default, handler: { (action) in
        completionHandler(false)
    }))
    present(alertController, animated: true, completion: nil)
}
func webView(_ webView: WKWebView, runJavaScriptTextInputPanelWithPrompt prompt: String, defaultText: String?, initiatedByFrame frame: WKFrameInfo,
             completionHandler: @escaping (String?) -> Void) {
    let alertController = UIAlertController(title: nil, message: prompt, preferredStyle: .actionSheet)
    alertController.addTextField { (textField) in
        textField.text = defaultText
    }
    alertController.addAction(UIAlertAction(title: “OK”, style: .default, handler: { (action) in
        if let text = alertController.textFields?.first?.text {
            completionHandler(text)
        } else {
            completionHandler(defaultText)
        }
    }))
    alertController.addAction(UIAlertAction(title: “Cancel”, style: .default, handler: { (action) in
        completionHandler(nil)
    }))
    present(alertController, animated: true, completion: nil)
}

转载请注明:在路上 » 【已解决】iOS的APP中WKWebView中alert弹框不显示

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
60 queries in 0.145 seconds, using 18.86MB memory