android - 移动 Angular 用户界面失败

Question

我正在使用 Titanium WebView 、angularjs 和移动 Angular ui 开发移动应用程序。 我创建了一个移动 Angular ui 网站，我使用 Titanium WebView 在本地加载。

我的问题是，当我尝试在 Web View 中加载本地站点时，我看到一个空白页面。为了测试应用程序，我将网站上传到 php 服务器，如果我尝试使用移动浏览器(例如 chrome)加载网站，一切正常。

我注意到，如果我不包含 css mobile-angular-ui-base.min，我会在 Titanium web View 中看到一个非空白页面

Plunker site example

这是我的钛合金 app.js

var link = 'app/index.html';
var win = Ti.UI.createWindow();
var webview = Ti.UI.createWebView({
    url:link
});
win.add(webview);
win.open({
  modal : true
});

创建一个新的 titanium 项目，在 Resource 文件夹中创建一个名为 app 的文件夹，并将所有 html、js、css 文件复制到里面。

如果您执行移动应用程序，结果将是一个空白页面。如果从 index.html 中删除，您将看到登录页面。 最后，您尝试在 android 设备(例如 chrome)中启动浏览器并在远程服务器中加载相同的站点(不删除 mobile-angular-ui-base.min.cs)，您将看到正确的登录页面(就像在plunker示例中一样)

这是我的 Android 模拟器设置:

Name: Nexus_5_API_23_x86
CPU/ABI: Google APIs Intel Atom (x86)
Target: Google APIs (API level 23)
Skin: 1080x1920
SD Card: 200M
hw.dPad: no
hw.accelerometer: yes
hw.device.name: Nexus 5
vm.heapSize: 64
skin.dynamic: no
hw.device.manufacturer: Google
hw.gps: yes
hw.audioInput: yes
tag.id: google_apis
hw.camera.back: emulated
hw.mainKeys: no
hw.camera.front: emulated
hw.lcd.density: 480
hw.device.hash2: MD5:2fa0e16c8cceb7d385183284107c0c88
hw.ramSize: 1536
hw.trackBall: no
hw.battery: yes
hw.sdCard: yes
tag.display: Google APIs
hw.keyboard: yes
hw.sensors.proximity: yes
disk.dataPartition.size: 200M
hw.sensors.orientation: yes
avd.ini.encoding: UTF-8
hw.gpu.enabled: yes

请帮忙。 谢谢

Answer 1

我认为问题在于所有 <link>和 <script> etc 资源相对于应用程序的资源目录进行解析。您应该能够通过 Chrome 调试 WebViews (适用于 Android)和 Safari (对于 iOS)开发人员工具来调试确切的原因。然后您可能需要更改一些路径才能使其正常工作。