私は現在、webviewを使用するHTMLセクションを持つシンプルなアプリケーションで作業しています。Nativescript + iOS webview +ローカルファイル
内容はアプリ/ WWWフォルダにある、と私はHTML
<GridLayout
class="main-layout"
columns="*"
rows="*"
>
<WebView
src="~/www/index.html"
class="web-view"
col="0"
id="wv"
row="0"
></WebView>
</GridLayout>
このファイルには、いくつかの画像を使用して、いくつかのJSでこのようなもので、「home.ts」コンポーネントからそれらにアクセスし、いくつかのCSS。
Androidではうまく動作しますが、iOSではうまく動作しません。ああ、それはiOSエミュレータで正常に動作しますが、実際のデバイスでは動作しません(私は現在、これらのものをテストするためのiOS 9 iPod touchを持っています)。
私は正しいキーをInfo.plistに設定しました(URLはhttps://www.google.comとして動作します)。私は変なことをしていないと思います。
これは、それがローカルページの既知のバグです私のpackage.json
{
"description": "WebView App",
"license": "LicenseRef-LICENSE",
"readme": "README",
"nativescript": {
"id": "com.app.name"
},
"dependencies": {
"@angular/animations": "~4.1.0",
"@angular/common": "~4.1.0",
"@angular/compiler": "~4.1.0",
"@angular/core": "~4.1.0",
"@angular/forms": "~4.1.0",
"@angular/http": "~4.1.0",
"@angular/platform-browser": "~4.1.0",
"@angular/router": "~4.1.0",
"nativescript-angular": "~3.0.0",
"nativescript-theme-core": "~1.0.2",
"reflect-metadata": "~0.1.8",
"rxjs": "~5.3.0",
"tns-core-modules": "^3.0.1",
"zone.js": "~0.8.2"
},
"devDependencies": {
"@angular/compiler-cli": "~4.1.0",
"babel-traverse": "6.24.1",
"babel-types": "6.24.1",
"babylon": "6.17.1",
"copy-webpack-plugin": "~4.0.1",
"lazy": "1.0.11",
"nativescript-css-loader": "~0.26.0",
"nativescript-dev-typescript": "~0.4.0",
"raw-loader": "~0.5.1",
"resolve-url-loader": "~2.0.2",
"tns-platform-declarations": "^3.0.0-rc.2",
"typescript": "~2.2.1"
}
}