HTML5移動開發之路（25）—— AppCan開發環境

標籤：官方下載   模擬器   好的項目   html5   it教育   

本文為 兄弟連IT教育 機構官方 HTML5培訓 教程，主要介紹：HTML5移動開發之路（25）—— AppCan開發環境

一、工具下載：

官方：http://www.appcan.cn/experience.html

650) this.width=650;" src="http://img.blog.csdn.net/20140115103754937?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGF3YW5nYW5iYW4=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="border:0px;" />

按照安裝指導預設安裝即可

二、建立項目

啟動AppCan SDK

650) this.width=650;" src="http://img.blog.csdn.net/20140115103927140?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGF3YW5nYW5iYW4=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="border:0px;" />

建立項目

650) this.width=650;" src="http://img.blog.csdn.net/20140115104047000?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGF3YW5nYW5iYW4=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="border:0px;" />

填入在appcan官網上註冊的帳號和密碼，方便後面對應用的管理。

650) this.width=650;" src="http://img.blog.csdn.net/20140115104324109?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGF3YW5nYW5iYW4=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="border:0px;" />

建立好的項目如下：

650) this.width=650;" src="http://img.blog.csdn.net/20140115104423078?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGF3YW5nYW5iYW4=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="border:0px;" />

三、使用模擬器調試

右擊index.html,選擇預覽

650) this.width=650;" src="http://img.blog.csdn.net/20140115122347140?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGF3YW5nYW5iYW4=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="border:0px;" />

四、使用真機調試

1、下載真機調試工具：http://doc.appcan.cn/#!/guide/debug

650) this.width=650;" src="http://img.blog.csdn.net/20140115122759578?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGF3YW5nYW5iYW4=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="border:0px;" />

2、安裝到手機

拷貝android_iphone目錄到sdcard/widgetone/widgetapp路徑下

650) this.width=650;" src="http://img.blog.csdn.net/20140115123556593?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGF3YW5nYW5iYW4=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="border:0px;" />

HTML5移動開發之路（25）—— AppCan開發環境