如何安裝與測試Sencha Touch

Sencha Touch是一個非常著名的JavaScript框架，被廣大用戶所使用。下面將介紹如何簡單地安裝和測試Sencha Touch，但這種方法僅適用于測試目的，如果要進行開發(fā)，則需要按照官方標(biāo)

Sencha Touch是一個非常著名的JavaScript框架，被廣大用戶所使用。下面將介紹如何簡單地安裝和測試Sencha Touch，但這種方法僅適用于測試目的，如果要進行開發(fā)，則需要按照官方標(biāo)準(zhǔn)創(chuàng)建項目。

一、下載Sencha Touch文件

首先，進入Sencha Touch的官方網(wǎng)站，在菜單欄上點擊"Products"按鈕，在彈出的下拉列表中選擇"Framework" -gt; "Sencha Touch"。

進入"Sencha Touch Free Commercial Version"界面，在右側(cè)填寫相關(guān)信息。請注意要正確填寫郵箱地址，因為下載鏈接將發(fā)送到您填寫的郵箱中。然后點擊"DOWNLOAD TOUCH"按鈕。

接下來，打開您的郵箱，點擊來自Sencha Touch網(wǎng)站發(fā)來的鏈接，然后點擊"DOWNLOAD NOW"按鈕進行下載。

在彈出的下載框中選擇保存路徑，點擊"確定"按鈕。

二、安裝與測試Sencha Touch

解壓下載好的壓縮包，進入解壓后的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文件夾相同的目錄中，新建一個文本文檔，并輸入如圖所示的內(nèi)容。將其保存為html文件，例如。請注意檢查引用的js和css文件的路徑。

在與touch-2.4.0文件夾相同的目錄中，再新建一個文本文檔，并輸入如圖所示的內(nèi)容。將其保存為以.js后綴命名的文件，例如helloworld.js。請注意確保文件名與html文件中引用的js文件名一致。

然后，選中文件，右擊并選擇在Firefox瀏覽器或其他瀏覽器中打開。您將看到如下界面，如圖所示。請注意，由于跨域問題，某些瀏覽器可能無法顯示頁面。您可以搜索如何解決跨域訪問的方法。