无法在wkwebview中运行html中嵌入的javascript

Question

我正在使用UIWebView的应用程序中实现wkwebview。 指向其中嵌入了javascript的本地html文件时，我无法执行javascript。 剥离了javascript，以发出简单的警报并加载基本的Google地图。 这些都没有执行。 我需要运行本地服务器吗？ GCDWebserver ..

我应该补充，html / javascript在safari中可以工作，google浏览器没问题。

尝试的解决方案包括：1. AppTransportSecuritySettings AllowArbitrary加载。 2. ViewController.swift webview.configuration.preferences.javaScriptEnabled = true 3.此问题解决了该问题，并表示已在iOS 10.3中修复。通过iOS的WKWebView上的HTML文件加载Javascript文件模拟器正在运行12.1 4.该问题也得到了解决要求GCDWebserver能够使用wkwebview执行javascript的问题。 WKWebView不执行任何js代码，但是在iOS的最新版本中也解决了此问题。 这是一些代码：

import UIKit
import WebKit
class ViewController: UIViewController, WKNavigationDelegate {
    //@IBOutlet var googleMap: WKWebView!
    var webview: WKWebView!

     override func loadView() {
         webview = WKWebView()
         webview.navigationDelegate = self
         view = webview
     }
    override func viewDidLoad() {
        super.viewDidLoad()
        //let url = URL(string: "https://schallerf1.com")!
        let url = Bundle.main.url(forResource: "index", withExtension: "html", subdirectory: "www")!
        webview.load(URLRequest(url: url))
        webview.allowsBackForwardNavigationGestures = true
        let request = URLRequest(url: url)
        webview.configuration.preferences.javaScriptEnabled = true
        webview.load(request)
    }
}

<!DOCTYPE html>
<html>
    <head>
        <title>Simple Map</title>
        <meta name="viewport" content="initial-scale=1.0">
            <meta charset="utf-8">
                <style>
                    /* Always set the map height explicitly to define the size of the div
                     * element that contains the map. */
                #map {
                    height: 100%;
                }
                /* Optional: Makes the sample page fill the window. */
                html, body {
                    height: 100%;
                    margin: 0;
                    padding: 0;
                }
                </style>
                </head>
    <body>
        <b>WHYYYYYYYYYY!!!!</b>
        <div style="height:100%;width:100%;" id="map"></div>
        <script type="text/javascript">
            var name = "TESTTESTTEST";
            alert('code: '    + name + '\n');
            var map;
            function initMap() {
                map = new google.maps.Map(document.getElementById('map'), {
                                          center: {lat: 39.976068, lng: -83.003297},
                                          zoom: 8
                                          });
            }
        </script>
        <script async defer src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxxxxxxxxxxxx&callback=initMap"></script>
    </body>
</html>

javascript均不起作用，我应该收到警报，并显示一个简单的Google地图。 我是否需要查看本地Web服务器GCDWebserver？

Answer 1

您应该在此WKNavigationDelegate方法中调用javascript，当WKNavigationDelegate完成加载时会调用该方法。

public func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
    webView.evaluateJavaScript("initMap()", completionHandler: { (value, err) in
        // Handle response here.
    })
}

另外，我不确定为什么要调用两个不同的webview.load()请求-也许不这样做？

无法在wkwebview中运行html中嵌入的javascript

问题描述

1 个解决方案

解决方案1
0 已采纳 2019-06-14 01:29:23

无法在wkwebview中运行html中嵌入的javascript

问题描述

1 个解决方案

解决方案1 0 已采纳 2019-06-14 01:29:23

解决方案1
0 已采纳 2019-06-14 01:29:23