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

问题描述

我已经开发了一个适用于iO和Android与Sencha Touch的应用程序。现在我想将这些应用程序带到Windows Phone 8。

我将框架迁移到2.2，一切正常。在Windows 8的互联网浏览器10中，该应用程序运行良好。但是当我尝试使用浏览器打开Windows手机上的应用程序时，应用程序会同时发生崩溃。

我使用了卡布局并销毁了最后一个视图手动，因为我用这个程序做了更好的经验。

我厌倦了绝望，因为我不知道我可以在哪里修复它。不幸的是，Chrome中没有开发者控制台。从我的manully bugfixing我知道JavaScript代码的作用，直到被调用的功能。

我也尝试该应用程序作为构建与PhoneGap和有相同的问题。

有没有机构知道，如果卡片布局和Windows Phone 8中的Ext.Js容器有一些问题？

$ b $另外，有没有机构知道在Windows Phone 8上检查HTML / CSS / Javascript代码的好方法？可能就像在iPad上一样。

解决方案

我设法在Windows Phone 8上顺利部署了sencha touch应用程序以下链接中的步骤：

在Windows Phone上部署Sencha touch应用程序

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

  cordova插件添加< URL_GIT_REPO> 
  

我使用的命令是：

  sencha app build native 
  

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

还做了以下工作：我必须得到一个开发者帐户，并在安装 visual studio 2012 express 和 Windows Phone SDK 8 后检查设备。 STRONG>。

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

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

  1>添加www \app.json 
  

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

 < Content Include =www\app.json/> 
< Content Include =www\resources\sample\data.json/> 
  

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

  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， p>

  F12>仿真>资源管理器资料> Windows Phone 
  

此工具也可以使用： Windows Phone上的远程HTML5调试与weinre

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

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.

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.

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

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

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.

解决方案

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

Deploy Sencha touch app on Windows Phone

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

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

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.

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

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 www\app.json

In the csproj file should include the following elements:

<Content Include = "www\app.json" /> 
<Content Include = "www\resources\sample\data.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);
                            }

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

F12 > Emulation > Explorer Profile > Windows Phone 

This tool can also be useful: Remote HTML5 debugging on Windows Phone with weinre

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