科尔多瓦WKWebView白色屏幕

我想要在我的iPhone上运行Cordova内部的简单JavaScript应用程序。 该项目在模拟器内工作得很好，但在手机上运行时会显示一个奇怪的屏幕。科尔多瓦WKWebView白色屏幕

这是我的config.xml文件：

<widget 
    id="com.landonschropp.tictactoe" 
    version="1.0.0" 
    xmlns="http://www.w3.org/ns/widgets" 
    xmlns:cdv="http://cordova.apache.org/ns/1.0"> 

    <name>Tic-Tac-Toe</name> 
    <description>An awesome little tic-tac-toe game.</description> 
    <author email="[email protected]" href="https://landonschropp.com">Landon Schropp</author> 

    <content src="http://localhost:8080" /> 
    <access origin="*" /> 
    <allow-navigation href="http://localhost:8080/*" /> 

    <feature name="CDVWKWebViewEngine"> 
    <param name="ios-package" value="CDVWKWebViewEngine" /> 
    </feature> 

    <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" /> 

    <plugin name="cordova-plugin-statusbar" spec="^2.2.3" /> 
    <plugin name="cordova-plugin-whitelist" spec="^1.3.2" /> 
    <plugin 
    name="cordova-plugin-wkwebview-engine" 
    spec="git+https://github.com/driftyco/cordova-plugin-wkwebview-engine.git" /> 

    <engine name="ios" spec="^4.4.0" /> 
</widget>

和我的package.json文件：

{ 
    "name": "tic_tac_toe", 
    "description": "A simple tic-tac-toe game", 
    "dependencies": { 
    "axios": "^0.16.1", 
    "babel-preset-es2015": "^6.24.1", 
    "babel-preset-stage-2": "^6.24.1", 
    "cheerio": "^0.22.0", 
    "cordova": "^7.0.0", 
    "cordova-ios": "^4.4.0", 
    "cordova-plugin-statusbar": "^2.2.3", 
    "cordova-plugin-whitelist": "^1.3.2", 
    "cordova-plugin-wkwebview-engine": "git+https://github.com/driftyco/cordova-plugin-wkwebview-engine.git", 
    "gulp": "^3.9.1", 
    "gulp-connect": "^5.0.0", 
    "gulp-file-cache": "^0.0.1", 
    "gulp-sass": "^3.1.0", 
    "gulp-sass-glob": "^1.0.8", 
    "gulp-transform": "^1.1.0", 
    "gulp-util": "^3.0.8", 
    "gulp-watch": "^4.3.11", 
    "lodash": "^4.17.4", 
    "phaser": "^2.6.2", 
    "rollup": "^0.41.6", 
    "rollup-plugin-babel": "^2.7.1", 
    "rollup-plugin-commonjs": "^8.0.2", 
    "rollup-plugin-json": "^2.1.1", 
    "rollup-plugin-node-resolve": "^3.0.0", 
    "rollup-stream": "^1.19.0", 
    "run-sequence": "^1.2.2", 
    "vinyl-source-stream": "^1.1.0" 
    }, 
    "devDependencies": { 
    "babel-register": "^6.24.1", 
    "chai": "^3.5.0", 
    "del": "^2.2.2", 
    "eslint": "^3.19.0", 
    "mocha": "^3.2.0" 
    }, 
    "cordova": { 
    "platforms": [ 
     "ios" 
    ], 
    "plugins": { 
     "cordova-plugin-whitelist": {}, 
     "cordova-plugin-wkwebview-engine": {}, 
     "cordova-plugin-statusbar": {} 
    } 
    } 
}

要构建并运行应用程序，我执行以下操作：

yarn install
cordova platform add ios
cordova run ios

目前，运行在手机上的应用程序，我看到下面的画面时：

来源

2017-05-12 LandonSchropp

如果有帮助，这是一个链接到完整的回购：https：//github.com/LandonSchropp/tic_tac_toe。 – LandonSchropp

Landon，http：// localhost：8080看起来相当可疑。你确定它可以从你的手机到达吗？如果你的Mac上有服务器，也许值得指定你的Mac的IP地址，以允许手机连接到它（如果电话和Mac在同一网络当然） – dymv

@dymv我的印象是'cordova- plugin-wkwebview-engine'插件在iPhone上运行本地服务器。不是吗？ – LandonSchropp

如前所述dymv，这个问题很有可能是您的应用程序不能到达本地主机，因为在这方面的“本地主机”是你的开发计算机，而不是iPhone。你可以将它部署到托管服务器解决方案并重新测试吗？

WKWebView插件不是本地服务器，而是增强的WebView组件（WebView基本上是运行您的HTML，CSS，JavaScript代码的应用程序中的嵌入式浏览器）。核心优势是它可以更快速地处理JavaScript（速度更快！），所以您的应用程序的性能会更好。

来源

2017-05-14 18:00:37 dotNetkow

科尔多瓦WKWebView白色屏幕

回答

相关问题