如何安裝與測試Sencha Touch
Sencha Touch是一個(gè)非常著名的JavaScript框架,被廣大用戶所使用。下面將介紹如何簡單地安裝和測試Sencha Touch,但這種方法僅適用于測試目的,如果要進(jìn)行開發(fā),則需要按照官方標(biāo)
Sencha Touch是一個(gè)非常著名的JavaScript框架,被廣大用戶所使用。下面將介紹如何簡單地安裝和測試Sencha Touch,但這種方法僅適用于測試目的,如果要進(jìn)行開發(fā),則需要按照官方標(biāo)準(zhǔn)創(chuàng)建項(xiàng)目。
一、下載Sencha Touch文件
首先,進(jìn)入Sencha Touch的官方網(wǎng)站,在菜單欄上點(diǎn)擊"Products"按鈕,在彈出的下拉列表中選擇"Framework" -gt; "Sencha Touch"。
進(jìn)入"Sencha Touch Free Commercial Version"界面,在右側(cè)填寫相關(guān)信息。請注意要正確填寫郵箱地址,因?yàn)橄螺d鏈接將發(fā)送到您填寫的郵箱中。然后點(diǎn)擊"DOWNLOAD TOUCH"按鈕。
接下來,打開您的郵箱,點(diǎn)擊來自Sencha Touch網(wǎng)站發(fā)來的鏈接,然后點(diǎn)擊"DOWNLOAD NOW"按鈕進(jìn)行下載。
在彈出的下載框中選擇保存路徑,點(diǎn)擊"確定"按鈕。
二、安裝與測試Sencha Touch
解壓下載好的壓縮包,進(jìn)入解壓后的touch-2.4.0文件夾。您將看到以下目錄結(jié)構(gòu),其中包含了許多文件。我們需要引用的是touch-2.4.0/resources/css/sencha-touch.css文件和touch-2.4.0/sencha-touch-all-debug.js文件。
在與touch-2.4.0文件夾相同的目錄中,新建一個(gè)文本文檔,并輸入如圖所示的內(nèi)容。將其保存為html文件,例如。請注意檢查引用的js和css文件的路徑。
在與touch-2.4.0文件夾相同的目錄中,再新建一個(gè)文本文檔,并輸入如圖所示的內(nèi)容。將其保存為以.js后綴命名的文件,例如helloworld.js。請注意確保文件名與html文件中引用的js文件名一致。
然后,選中文件,右擊并選擇在Firefox瀏覽器或其他瀏覽器中打開。您將看到如下界面,如圖所示。請注意,由于跨域問題,某些瀏覽器可能無法顯示頁面。您可以搜索如何解決跨域訪問的方法。