問題描述

我已經使用 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 phone 上打開應用程序時，應用程序總是在相同的操作上崩潰.

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.

在設備上以Debug模式部署應用時，可以在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 App 在 Windows Phone 8 上崩潰的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！