2016-08-09 4 views
0

私はハイブリッドWebアプリケーションを開発しており、Appcelerator/Titanium SDKを使用してネイティブモバイルアプリケーションに変換しています。コードベースは、iOSとAndroidの両方でうまくいきます。しかし、WindowsにビルドしてWindows Phone 8.1エミュレータで実行すると、動作しません。webviewのファイルはWindows Phoneにロードされません

私はこの問題をデバッグし、メインのindex.htmlファイル(これはWebViewにロードしているローカルファイル)で参照されているイメージとjavascriptファイルをロードしていないことに関係しています。しかし、私は問題を解決する方法を把握することはできません。 Windowsでファイルを別々に参照する必要がありますか?

編集:基本的なテストケース...追加のプラグインやモジュールを使用しない単純なアプリケーションを作成します。

テスト/リソース/ test/Resources/app/test.pngに任意の画像で

var win = Ti.UI.createWindow({ 
    title: 'Testing' 
    }), 
    webview = Ti.UI.createWebView({ 
    url: 'app/index.html', 
    top: 0, 
    left: 0 
    }); 

win.add(webview); 
win.open(); 

テスト/リソース/アプリ/ index.htmlを

<html> 
<body> 
    <h1>Hello World!</h1> 
    <img src="test.png" /> 
</body> 
</html> 

ドロップapp.js。

Windows Phoneビルドでは、Hello World見出しが表示されますが、イメージは読み込まれません。 iOSとAndroidのビルドでは、すべてが期待どおりに機能します(たとえば、画像の読み込みなど)。これは、Titanium SDK 5.3.1.GAとappcelerator CLI 5.3.1です。

+0

読み込まれていない画像のコードを共有できますか? – developer82

+0

はい私の謝罪私は最初にそれをしていたはずです。簡単なテストケースを含めるように質問を編集しました。 –

+0

合金アプリまたはクラシックアプリを使用していますか? – developer82

答えて

0

イメージにはms-appx-web:///という接頭辞を付けてから、リソースディレクトリからの相対パスを指定できます。したがって、この場合には、正しいimgタグは

ms-appx-web:///app/test.png 

だろうしかし、これは、iOSとAndroidで計算しないので、あなたは、WindowsとiOS/Android向けの異なる画像のパスを使用するための解決策を考え出す必要があります。

関連する問題