Sencha Touch 应用程序在 Windows Phone 8 上崩溃 [英] Sencha Touch App crashes on Windows Phone 8

问题描述

我使用 Sencha Touch 为 iOs 和 Android 开发了一个应用程序.现在我想将这些应用程序带到 Windows Phone 8.

I have developed an app for iOs and Android with Sencha Touch. Now i want bring these app to Windows Phone 8.

我将框架迁移到 2.2 并且一切正常.在 Windows 8 上的 Internet Explorer 10 中，该应用程序运行良好.但是当我尝试使用浏览器在 Windows 手机上打开该应用程序时，该应用程序总是在同一操作上崩溃.

I migrated the framework to 2.2 and all works fine. In the internet explorer 10 on Windows 8 the app works great. But when i try to open the app on the windows phone with the browser, the app crashes alway on the same action.

我使用了卡片布局并手动销毁了最后一个视图，因为我在此过程中获得了更好的体验.

I used a card layout and destroy the last view manually, because i made better experiences with this procedure.

我真的很绝望，因为我不知道在哪里可以修复它.不幸的是，没有像 chrome 那样的开发者控制台.从我的手动错误修复中，我知道 javascript 代码在调用函数之前一直有效.

I'm reale desperate, because i don't know where i can fix it. Unfortunately, there is no developer console like in chrome. From my manully bugfixing i know that the javascript code works till the and of the called function.

我也尝试过使用 PhoneGap 构建的应用程序，但也存在同样的问题.

I also try the app as build with PhoneGap and there are the same problems.

有谁知道，卡片布局和windows phone 8中的Ext.Js容器是否有问题?

Does any body know, if there are some problems with a Ext.Js container in card layout and windows phone 8?

另外，有没有人知道在 Windows Phone 8 上检查 HTML/CSS/Javascript 代码的好方法?也许就像在 iPad 上一样.

And additional, does any body know a good way to check HTML/CSS/Javascript Code on the Windows Phone 8? Maybe on the same way like on the iPad.

推荐答案

我按照以下链接中的步骤成功地在 windows phone 8 上部署了 sencha touch 应用程序:

I managed to successfully deploy an sencha touch application on windows phone 8 following the steps in the following link:

在 Windows Phone 上部署 Sencha 触控应用

我在安装 Git 后使用以下命令添加了我需要的插件，并将其设置为可从 Windows 的命令提示符使用:

I added the plugins I needed using the following command after installing Git and set it to be available from the command prompt of windows:

cordova plugin add <URL_GIT_REPO>

我没有使用包文件，而是使用以下命令:

Instead of using the package files, I used the command:

sencha app build native

并且我使用了在路径 SenchaTouchAppFolder/build/native/AppName 中创建的 app.js 和 app.json 文件

and I used the app.js and app.json files generated that were created in the path SenchaTouchAppFolder/build/native/AppName

还做了以下事情:我必须获得一个开发者帐户，并在安装 visual studio 2012 express 和 windows phone SDK 8 后检查设备.

also did the following: I had to get a developer account, and checked the device after installing visual studio 2012 express and windows phone SDK 8.

在调试模式下在设备上部署应用程序时，您可以在Visual Studio的输出窗口中查看异常消息.

When deploying the application on the device in Debug mode, you can view exception messages in the output window of Visual Studio.

首先确保项目包含 app.json 文件.例如，在输出窗口中构建解决方案应显示以下消息:

First make sure that the project includes the app.json file. For example to build the solution in the output window should display the following message:

1> Adding wwwapp.json

在csproj文件中应该包括以下元素:

In the csproj file should include the following elements:

<Content Include = "wwwapp.json" /> 
<Content Include = "www
esourcessampledata.json" />

我还修改了以下代码行，以从 cordovalib/XHRHelper.cs 文件中的本地存储添加对模型所需的 JSON 响应的支持.

I also modified the following lines of code to add support for JSON responses needed in the model from my local storage in cordovalib/XHRHelper.cs file.

 var funk = function () {
                        window.__onXHRLocalCallback = function (responseCode, responseText) {
                            alias.status = responseCode;
                            if (responseCode == '200') {
                                alias.responseText = responseText;
                                try {
                                    JSON.parse(responseText);
                                } catch (e) {
                                    Object.defineProperty(alias, 'responseXML', {
                                        get: function () {
                                            return new DOMParser().parseFromString(this.responseText, 'text/xml');
                                        }
                                    });
                                }
                                Object.defineProperty(alias, 'responseJSON', {
                                    get: function () {
                                        return new DOMParser().parseFromString(this.responseText, 'text/json');
                                    }
                                });

                            }else {
                                alias.onerror && alias.onerror(responseCode);
                            }

调试 css 错误的一个有用工具是 Internet Explorer 11 仿真工具

A useful tool to debug css errors is the emulation tool internet explorer 11

F12 > Emulation > Explorer Profile > Windows Phone 

这个工具也很有用:使用 weinre 在 Windows Phone 上远程调试 HTML5

这篇关于Sencha Touch 应用程序在 Windows Phone 8 上崩溃的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！