QML中 Webview 元素的runJavaScript() 函數的使用方法

QML 中的 WebView 的 runJavaScript() 函數

該函數能夠通過函數名調用 HTML 文件中 位於標簽 <script> </script> 之間的 JS 函數，能夠附帶參數 比如：

HTML 文件中 script 代碼如下：

Qt 調用代碼如下：

    WebView {

        id: webView

        width: parent.width

        height: parent.height - mapToptool.height - 1

        anchors.top: mapToptool.bottom

        anchors.topMargin: 1

        url: mapService.backUrl()

        onLoadProgressChanged: {

            if(webView.loadProgress == 100){

                 mapService.getAllPoiData();

            }

        }

    }

    Connections {

        target: mapService

        onBackmessage: {

            if(mapService.getBackMessage().length > 0){

                //console.log(mapService.getBackMessage());

                var json = JSON.parse(mapService.getBackMessage());

                var data = [];

                for(var i=0;i<json["size"];i++){

                    var lo = json["contents"][i]["location"][0];

                    var la = json["contents"][i]["location"][1];

                    data.push(lo);

                    data.push(la);

                }

                var queryStr = "createPoi("+JSON.stringify(data)+");";

                webView.runJavaScript(queryStr, function(result) { console.log(result); });

            }

        }

    }

 

該功能可以實現通過上傳本地數據，執行 JS 函數，得到需要的網頁。然后展示出來！

特別注意： 當 WebView 沒有加載完成前 執行了 runJavaScript() 函數時，無法生效，用上圖的方式調用，親測可行！然后，該 API 只能支持 Android 4.3 及以上版本，低版本無效，本人在 Android 5.0 上測試的，其他沒測試過！