sencha touch？如何安装与测试sencha touch

编程之家2023-11-0395次浏览

这篇文章给大家聊聊关于sencha touch，以及如何安装与测试sencha touch对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。

Sencha Touch是一个以javascript作为开发语言的html5框架，与json紧密相关，开始之前，建议先去了解一下json的相关资料。

开发环境：

Js开发有太多的Ide可选。建议使用Eclipse，安装skpet插件进行开发，代码提示比较完整。

Help->Install New SoftWare->add在弹出窗口输入以下内容

Spket：

1、Window→ Preferences→ Spket→ JavaScript Profiles→ New；

2、输入“Sencha touch”点击OK；

3、选择“Sencha touch”并点击“Add Library”然后在下拉条中选取“ExtJS”；

4、选择“ExtJS”并点击“Add File”，然后在你的sencha-touch-1.1.0目录中选取“sencha-touch-debug-w-comments.js”文件；

5、设置新的ExtJS Profile，选中并点击“JavaScript Profiles”对话框右手边的“Defalut”按钮；

6、新建一个.js文件，已经有智能提示效果了。

7、最后确认.js文件是用 Spket Javascript Editor打开。右键点击文件，

Open with-> Skpet Javascript Editor：

Dreamwaver可以使用Spket(Dreamweaver插件)

代码提示功能较弱，不能完美支持sencha touch。但是其cs5.5版本对html5的支持相当优秀。

一、下载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浏览器或其他浏览器打开，将会出现如下界面，如图所示。

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

文章分享到这里，希望我们关于sencha touch和如何安装与测试sencha touch的内容能够给您带来一些新的认识和思考。如果您还有其他问题，欢迎继续探索我们的网站或者与我们交流，我们将尽力为您提供满意的答案。