如何安装与测试sencha touch

如何安装与测试sencha touch

sencha touch是一个很著名的javascript框架，使用的用户非常的多，下面就来给大家介绍下如何简单的安装与测试sencha touch，当然这中方法仅用于测试，若用于开发还得按照官方的标准创建项目。

一、下载Sencha Touch文件

首先，进入sencha touch的官方网站，点击“菜单栏”上的“Products”按钮，在弹出来的下拉列表中，选择“Framework”-->"SenchaTouch"。

进入到“Sencha Touch Free Commercial Version”界面，在右侧填上有关信息，这里要注意邮箱一定要填写正确，因为它会将下载链接发到你填写的邮箱中，然后点击“DOWNLOAD TOUCH”按钮。

然后，进入到你的邮箱，点击进入到，Seancha Touch网站发送的链接，点击“DOWNLOAD NOW”按钮，进行下载。

在弹出来的下载框中，选择好保存路径后，点击“确定”按钮。

二、安装与测试Sencha Touch

将下载的压缩包解压，进入解压过的touch-2.4.0文件中，你会发现目录结构如下，这里面包含了很多东西，我们要引用的是touch-2.4.0/resources/css/sencha-touch.css文件以及touch-2.4.0/sencha-touch-all-debug.js文件

在跟touch-2.4.0文件夹同一目录中，新建一个文本文档，在其中输入图片上的内容，保存为html文件，这里我保存为test.html文件。

注意：引用的js与css文件的路径。

在跟touch-2.4.0文件夹同一目录中，新建一个文本文档，在其中输入图片上的内容，保存为js后缀的文件，这里我保存为helloworld.js。

注意：这里的文件名要与html文件中引用的js文件名保持一致。

然后，选中test.html文件，右击选择以firfox浏览器或其他浏览器打开，将会出现如下界面，如图所示。

注意：部分浏览器会因为跨域问题，无法显示，可上网搜一下如何解决跨域访问。