《jQuery Mobile入门经典》—— 1.3　开发者的宝库

本节书摘来异步社区《jQuery Mobile入门经典》一书中的第1章，第1.3节，作者：【美】Phil Dutson，更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.3 开发者的宝库

jQuery Mobile入门经典
既然已经了解jQuery Mobile可以运行在几乎所有连接到网络的设备上，您可能会问一些问题，例如：

我要用什么编程语言来创建移动网站？ 如果有的话，什么集成开发环境（IDE）可用于开发？ 我需要安装Web服务器来开发移动网站吗？ 我应该在什么平台上开发移动网站？ 我可以使用免费工具做开发吗？或者开发工具会涉及费用吗？

这些都是实际而重要的问题。作为开发者，应该知道哪些工具可以使用。下面来回答每一个问题并对其进行扩展，使您明确知道开发者的宝库里有些什么工具可以使用。

1.3.1 编程语言

如果已经创建了一个网站并想再做一个移动版本，或者把现成的网站转换成移动版网站，那么我有好消息要告诉您，您已经具备了使用jQuery Mobile的整套基本技能。

在开始开发之前，需要掌握HTML、CSS和JavaScript的相关知识。如果想更进一步，也可以把一些脚本语言结合进来。只要您需要，以PHP作为主体语言也没有问题。如果需要Ruby来让事情按照您预想的方式进行，那就用吧。虽然熟悉其他编程语言也有帮助，但不是必须的。

1.3.2 集成开发环境（IDE）、平台与成本

虽然也有顽固的、喜欢自己动手来做一切的开发者，他们只需要notepad、textedit或vi等文本编辑器就可以完成所有的代码，但也有大量的开发者在开发过程中喜欢得到一些帮助，如自动完成、自动闭合和代码片段库等。如果您喜欢得到这些程序助手的帮助，那么您很可能想在IDE上做开发。

Windows、OS X或Linux的忠实用户都可以使用任何平台来做开发。记住，jQuery Mobile只是一个JavaScript框架，所以任何您已经使用于开发网站的平台都可以与jQuery Mobile良好协作。

成本是一个很有趣的东西。有些人乐于为支持、特性与易用性而付费。而另外一些人宁愿牺牲这三者中的其中一项或甚至全部，来获得免费或有折扣的软件。

下面来讨论在您的操作系统上可以获得的一些开发工具，以及是否需要购买或可以免费获得。

1.3.3 Windows上的开发工具

这些开发工具可以运行在Windows平台上，包括Windows XP和Windows 7。

1．Aptana Studio
Aptana自称是世界上最强大的开源Web开发IDE。它自带一个用来调试的Web服务器，并支持服务器端的JavaScript。

作为Web开发IDE，我个人认为Aptana对还不熟悉Web开发的人来说是一个不错的选择。他们可以利用代码片段库，且不需要花时间去弄明白如何安装Web服务器来运行他们的项目。

Aptana已经被Appcelerator公司收购，并提供对Titanium的支持。借助Titanium，可以创建一个Web应用并把它打包成原生应用，运行在大部分移动设备和移动平台之上。

2．Eclipse
如果您觉得Aptana Studio与Eclipse看上去十分相似，您想的没错。Eclipse是我最喜爱的IDE之一。我已经使用它开发了许多PHP、Java或两者皆有的项目。

Eclipse有许多不同的版本，但所有版本都支持插件和附加软件，允许对其自身进行组装和定制。普通版本的Eclipse不会让您破费，因为它是开源的。

鼓励大家向Eclipse项目捐款，以保持项目免费，并继续开发和提供支持。

3．Dreamweaver
回想Web开发刚刚兴起的时候，Macromedia公司拥有一个极好的小型IDE，名为Dreamweaver。它以“所见即所得”的方式来进行Web开发。后来，Macromedia公司被Adobe公司收购。自那以后，Dreamweaver集成了许多其他的Web技术以用于快速Web开发和部署。

最新版的Dreamweaver增加了对jQuery Mobile的内建支持，并包含数个预置的移动网站模板来让您更快地开始。

Dreamweaver的价格不固定，因为它提供多种的版本和套件。但您也可以下载一个30天的试用版来尝试一下，看看是否符合您个人的预想和开发需求。

4．Visual Web Developer Express
微软公司发布了这个Visual Studio的特别版本，面向新手或想学习新技术的开发者。使用这个Visual Studio的免费版要遵守特定的条款。对个人或教育用途没有限制，但如果您想从开发的项目中盈利或发布商业项目，必须升级到Visual Studio的完全版。

Visual Web Developer Express全面支持jQuery的代码完成（Code-Completion），并可与.NET和IIS一同使用。

5．Notepad++
下面将要提到的Windows平台上的IDE，实际上是我用得最多的一个。Notepad++是一个免费的程序，它与Windows上附带的记事本很类似。

与记事本类似的是，Notepad++可以处理扩展名为.txt的文本文件。更进一步的是，它还支持以标签排列的多文档、语法的突出显示、插件架构、脚本编程等特性。

无论我是在编辑XML、PHP、HTML、CSS和JavaScript，或者是各种各样的其他文件，Notepad++总是我最喜欢使用的工具。它没有集成服务器，但可以使用插件来建立远程连接，并通过FTP将文件上传到用来测试的网站。

6．Komodo IDE/Edit
寻找其他IDE的人，可以使用ActiveState公司的Komodo。Komodo IDE是该公司的旗舰产品，具有许多优秀的特性，包括代码协作、调试器和数据库浏览器。预算不够的话，可以试试Komodo Edit。这是ActiveState公司提供的免费软件，作为一个基本的工具包，没有额外的功能。也就是说，可以获得一个具有自动完成功能的编辑器，以及一个工具箱用来保存代码片段。这两个版本都可以运行在Windows、Linux和OS X 上面。

1.3.4 OS X上的开发工具

下面的应用程序运行在苹果公司的OS X平台上。下面列出的应用程序可以运行在Snow Leopard和Lion版本的OS X上。

1．Kod
我用过Kod一小段时间，发现它能够胜任开发工作。它是免费的，可以集成到文件系统中，成为大多数网页文件默认的编辑程序。

2．Coda
这是一个经常被谈论到的IDE，可以在App Store购买。它是OS X平台上最流行的Web开发工具之一。它同样附带了一些有用的工具，例如内置的SVN客户端和各类文件传输协议。Dreamweaver的用户会对它的布局和使用方法感到相当熟悉。

3．TextWrangler
当我在做快速编辑，或仅仅需要查看一下文件时，我会用TextWrangler。这是一个BBEdit的制作者发布的免费程序，支持大部分Web开发语言的语法高亮显示。

当然您也清楚，它是免费的，功能不可能很多。如果您需要更多特性可以升级到具有更全面功能的BBEdit。

TextWrangler不是为HTML的新手而设的，没有像BBEdit一样附带齐全的工具和代码段。所以，刚开始着手网站开发的新手大概使用别的IDE会感觉更顺手。

4．Espresso
Espresso是来自CSSEdit制作者的一个Web开发IDE。这个极好的小型IDE，但它拥有其他大型对手的所有特性，例如代码完成、实时预览、文件传输协议支持以及附加扩展。还有15天的免费试用，帮助您决定是否购买。

5．Eclipse
Eclipse是一个跨平台的应用程序，同样可用于OS X。就像在其他平台上一样，它通常也附带了同样数量的插件和附加软件。

6．Aptana Studio
是的，Aptana Studio同样可用在Mac电脑上。在Windows和Mac之间没有功能上的差异。如果您经常转换工作平台的话，使用Aptana Studio一定会感到很顺手。

7．Komodo IDE/Edit
当开发者从Windows平台转到OS X平台的时候，很快会遇到一些烦人的问题，例如Home键和End键不像Windows那样把光标移到所在行的开头和结尾，而是移到整个文档的开头和结尾。Komodo IDE和Komodo Edit都给这些按键的功能做了重新映射，与Windows保持一致。虽然这可能是一个小功能，但对某些开发者来说却十分重要。

1.3.5 Linux上的开发工具

下列的应用程序可以在Linux的大多数版本上使用。您需要自行编译源码或者根据Linux环境在软件仓库中找到这些应用的相应版本。

1．GNU Emacs
Emacs具备语法高亮和自定义支持，可作为投入并开始的一个很好的工具。没有太多的附加功能，准备好就开始吧。

Emacs有齐全的查找和替换工具，支持正则表达式。它还允许您编辑远程文件，甚至是其他用户拥有的文件，只要获得相应的认证和连接信息。

2．gedit
那些熟悉gnome的人一定用过gedit了。它是gnome桌面默认的文本编辑器，具备语法高亮和代码片段库。对于大多数Linux用户来说，这些功能在开发中已经绰绰有余。

3．Aptana Studio
世界是不是很小？Aptana Studio也能运行在Linux环境中。Windows和OS X版本具有的所有特性同样在Linux上可用。

4．Eclipse
正如前面在OS X部分提到的一样，Eclipse是跨平台的，所以它可以运行在Linux上，包括32位版和64位版。它具备所有与其他平台相同的特性，使平台间的转换成为易事。

5．Komodo IDE/Edit
正如前边提到的，Komodo IDE和Komodo Edit同样可用在Linux上。如果同时使用多个平台并希望平台之间保持一致的体验，这就是一个很好的解决方案。

1.3.6 Web服务器

一般来说，开发jQuery Mobile应用并不一定要运行Web服务器，甚至无须连接互联网。可以在本地载入和引用所有需要的文件，并在支持HTML 5和CSS 3的现代浏览器上进行测试。

当然，不在服务器上运行代码，将看不到一些实际效果，例如压缩、潜在的服务器问题、网络延迟、用户权限和.htaccess文件的更改，也不能在一个真实的移动设备上做全面的测试。下面会列出可供选择的Web服务器，在使用时，可能要设置文件路径和权限。

虽然有许多不同类型的Web服务器可供选择，但它们不是所有都能运行在同一个平台上。下面的说明将会列出Web服务器运行的具体平台。

1．Nginx
这是一个全功能的服务器，以低内存占用处理高并发连接而闻名。Nginx运行在Linux上，在OS X上也可自行编译，还为Windows提供了已编译的执行文件。

值得注意的是，Windows版本的执行文件使用了一些Cygwin的文件，因此我强烈建议不要在产品服务器上使用它的Windows版本。

2．Apache
可以肯定地说，大部分Web开发者都有与Apache服务器打交道的经历，或者已经把他们的网站托管在一个Apache服务器之上。

Apache大概是最流行的开源HTTP服务器了。它具有许多特性，进行维护与管理相当容易。Unix/Linux和Windows的版本都有提供下载。

如果使用的是OS X，那么已经安装了Apache。要看是什么版本的，可以打开终端，输入：httpd -v。

3．Lighttpd
Lighttpd的发音为：“lighty”，是服务器领域的一颗新星，关注的是速度。它只运行在Linux上，看起来相当简单易懂（无论使用还是安装）。

4．IIS
喜欢.NET的朋友们已经对IIS有所了解，它是.NET用户首选的Web服务器。IIS在多个版本的Windows操作系统中都是附带的，并可与PHP集成。它具有图形用户界面的配置和管理工具，还可以下载扩展来帮助您发挥它的最大作用。

5．XAMPP
XAMPP是一个用于网站服务的应用软件包。它包含Apache、MySQL、PHP和Perl，可以运行在Linux、Windows、OS X和Solaris平台。由于它易于安装和配置，我在开发时通常就直接使用这个包，而不单独安装每个软件

《jQuery与JavaScript入门经典》——导读 实际上，在您阅读本书期间，互联网上将新增数百万个网页。这些网页大多是使用HTML 编写的，它们使用 CSS 设置元素的样式，并使用 JavaScript 实现用户和后端服务之间的交互。
《jQuery与JavaScript入门经典》——2.8 作业 本节书摘来自异步社区《jQuery与JavaScript入门经典》一书中的第2章，第2.8节，作者：【美】Brad Dayley著，更多章节内容可以访问云栖社区“异步社区”公众号查看
《jQuery与JavaScript入门经典》——2.7 问与答 就Cookie调试而言，您只需知道是否启用了Cookie、浏览器设置了哪些Cookie、这些Cookie的值是什么以及它们什么时候到期。这些信息都可在Firebug的Cookies选项卡中找到。Chrome和Internet Explorer在开发人员控制台中提供了类似的功能。
《jQuery与JavaScript入门经典》——2.6 小结 您还完成了多个调试HTML、CSS和JavaScript问题的示例。您在本章学到的调试方法对阅读本书以及开发项目很有帮助，因为这些方法有助于消除常见的简单语法错误，为您节省大量时间，避免令人沮丧的情况发生。
《jQuery与JavaScript入门经典》——2.5 分析网络流量 如果单击“网络”标签上的下拉箭头，将看到一个禁用浏览器缓存的选项。为调试并修复问题而更新了Web服务器上的文件时，这个选项很有用。选择该选项后，浏览器总是从Web浏览器获取最新的内容。
《jQuery与JavaScript入门经典》——2.4 调试jQuery和JavaScript 前面介绍了如何在JavaScript控制台中查找JavaScript和其他脚本的错误。如果脚本并未导致浏览器错误，只是运行方式不符合预期，该如何办呢？Firebug集成了一个优秀的调试器，可助一臂之力。
《jQuery与JavaScript入门经典》——2.3 调试CSS 如果JavaScript或jQuery脚本修改了DOM元素的CSS布局，查看Web浏览器中的代码不会有任何帮助，而需要查看浏览器应用于元素的CSS。为此，需要结合使用CSS检查器以及HTML检查器中的布局检查器和样式检查器。
《jQuery与JavaScript入门经典》——2.2 调试HTML元素 启用该选项后，树视图将切换到文本编辑器视图，让您能够直接在浏览器中编辑HTML代码。浏览器将根据您所做的修改调整渲染结果。虽然这不会修改项目中的代码，但使用这项功能尝试不同的修改要容易得多。将问题修复后，您可复制编辑器中的代码，再将其粘贴到项目文件中。
《jQuery与JavaScript入门经典》——第 2 章 调试jQuery和JavaScript网页 2.1JavaScript控制台 编写JavaScript和jQuery应用程序时，面临的一项重大挑战是找出并修复脚本中的问题。简单的语法错误和无效值可能令您万般沮丧，浪费您大量时间。有鉴于此，出现了一些卓越的工具，可帮助您快速而轻松地找出脚本中的问题。
《jQuery与JavaScript入门经典》——1.5 作业 本节书摘来自异步社区《jQuery与JavaScript入门经典》一书中的第1章，第1.5节，作者：【美】Brad Dayley著，更多章节内容可以访问云栖社区“异步社区”公众号查看
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区，也是国内领先的IT专业图书社区，致力于优质学习内容的出版和分享，实现了纸书电子书的同步上架，于2015年8月上线运营。公众号【异步图书】，每日赠送异步新书。