7.24 一些常用的Web前端开发工具和浏览器简介

Web前端开发工具

1、Dreamweaver

它的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点：一、 难以精确达到与浏览器完全一致的显示效果。二、 页面原始代码的难以控制性。

所见即所得工具，作为前端入门工具，可以拖拽等方式来完成页面编写，但是会造成大量代码冗余，而且略显臃肿。

2、EditPlus

功能强大，界面简洁美观，且启动速度快；中文支持比较好；支持语法高亮；支持代码折叠；支持代码自动完成(但其功能比较弱)，不支持 代码提示功能；配置功能强大，且比较容易，扩展也比较强。像PHP、Java程序等的开发环境，只要看一下资料，几分钟就可以搞定配置，很适合初学者学习 使用。有不错的项目工程管理功能。内置浏览器功能，这一点对于网页开发者来说很是方便。

3、Notepad++

优点
1、Notepad内置支持多达 27 种语法高亮度显示(囊括各种常见的源代码、脚本，值得一提的是，完美支持 .nfo 文件查看)，也支持自定义语言；
2、可自动检测文件类型，根据关键字显示节点，节点可自由折叠/打开，代码显示得非常有层次感！这是此软件最具特色的体现之一；
3、Notepad可打开双窗口，在分窗口中又可打开多个子窗口，允许快捷切换全屏显示模式(F11)，支持鼠标滚轮改变文档显示比例，等等；
4、Notepad提供数个特色东东，如 邻行互换位置、宏功能，等等...现在网上有很多文件编辑器，这个却是不可多得的一款，不论是日常使用还是手写编程代码，都能让你体会到它独有的优势和方便。

4、HBuilder

是DCloud（数字天堂）推出一款支持HTML5的Web开发IDE。“快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块及很多配套，HBuilder能大幅提升HTML、js、css的开发效率。在HBuilder里预置了一个hello HBuilder的工程，用户敲这几十行代码后会发现，HBuilder比其他开发工具至少快5倍。“最全的浏览器兼容性数据、开发手机App等很多特点也都是HBuilder强于竞品的地方”

5、Sublime Text

被称作Windows下的TextMate，而根据其官网介绍，Sublime Text的特点如下：拥有高效、没有干扰的界面，在编辑方面的多选、宏、代码片段等功能，以及很有特色的Minimap。
Sublime Text 是一个代码编辑器（Sublime Text 2是收费软件，但目前可以无限期试用）也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。Sublime Text的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。
Sublime Text 2.0 正式版主要新增支持 Retina 视网膜屏、拖拽文本、构建系统得以优化、支持 CSS 自动完成以及高亮设置等新特点~

6、Zend Studio

是屡获大奖的专业 PHP 集成开发环境，具备功能强大的专业编辑工具和调试工具，支持PHP语法加亮显示，支持语法自动填充功能，支持书签功能，支持语法自动缩排和代码复制功能，内置一个强大的PHP代码调试工具，支持本地和远程两种调试模式，支持多种高级调试功能。

7、WebStorm 

是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。优势功能
1）支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)
2）智能的代码补全。代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
3）代码不仅可以格式化，而且所有规则都可以自己来定义
4）html提示。大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。
5）联想查询。只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全项目查找函数或者变量，还可以查找使用并高亮。
6）代码重构。这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。
7）代码检查和快速修复。可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。
8）代码调试。支持代码调试，界面和IDEA相似，非常方便。
9）代码结构浏览。可以快速浏览和定位
10）代码折叠。功能虽小，不过胜在方便高效
11）包裹或者去掉外围代码。自动提示包裹或者去掉外围代码，一键搞定

浏览器

Internet Explorer

最新版本：IE11

产品特性：IE11在IE10的基础上再次扩大对HTML5和CSS 3的支持，且添加的这些新特性多数均是非常新潮的特性(如HTML5拖放，HTML5全屏，CSS边框图，视频码率控制，视频字幕隐藏，媒体加密，WebGL等等)，使得IE11在显示HTML5网页时基本不出现到处不支持的问题。IE11在功能上新增对Google的SPDY协议的支持，对Chakra进行了更多优化，硬件加速渲染相比IE9和IE10更快，在同样多加载项的情况下，IE11网页加载速度已超过WebKit和Blink内核浏览器，支持在后台智能预判并迅速在内存中取出已经看过的网页而不需要重新连接网站加载。始终启用选项卡浏览，地址栏上不再有"兼容性视图"按钮(但仍保留"兼容性视图"功能)，使用全新的UA(用户代理识别字符串)绕开网站用来判断旧版IE的CSS Hack，而使IE在浏览旧版网站时返回与FireFox相同的页面。全新的F12开发人员工具以新颖的界面和非常直观的图形化指示帮助开发人员迅速对网站运行情况进行监控并及时优化，尤其是"仿真"功能类似过去的"兼容性视图"，但功能更强大，可以在PC中显示与Windows Phone或XBox相同的页面，更改页面显示方向和分辨率，还可以模拟GPS定位以测试网站跟踪位置功能是否正常。更重要的是IE11支持设备选项卡同步，使得在多个相同帐户上使用的设备通过IE11能够访问不是本设备的选项卡。

IE11的Trident 7.0内核从各方面来说已经基本与WebKit和Blink内核不分伯仲。但对HTML5的支持相比仍略显欠缺(HTML5测试得分为376，在主流浏览器中垫底)。

Google Chrome

最新版本：Google Chrome 36.0

产品特性：Google Chrome是由Google开发的一款设计简单、高效的Web浏览工具。Google Chrome的特点是简洁、快速。GoogleChrome支持多标签浏览，每个标签页面都在独立的“沙箱”内运行，在提高安全性的同时，一个标签页面的崩溃也不会导致其他标签页面被关闭。此外，Google Chrome基于更强大的JavaScript V8引擎，这是当前Web浏览器所无法实现的。Google Chrome是一款免费软件，借鉴了苹果Safari的WebKit引擎、Mozilla的Firefox及其他相关应用。

·Chrome浏览器基于开源引擎WebKit中WebCore元件的一个分支--Blink，其中包含谷歌Gears。
·Chrome提供了浏览器扩展框架，可以制作与Adobe-AIR类似的混合应用。
·包含V8 Javascript虚拟机，这个多线程的虚拟机可以加速Javascript的执行。
·具备隐私浏览模式，可以让用户无需在本地机器上登录即可使用，这个功能与微软IE8中的Incognito类似。
·浏览器将内置防止“网络钓鱼“及恶意软件功能。

Google曾在自己的官方博客中宣布在Beta版Chrome25 中将加入网络语音API（Web SpeechAPI），让用户在某些嵌入了JavaScript的网页中可以更方便地使用语音指令、听写等功能。同时新版本在内容安全策略标头（Content Security Policy header）方面也有所改进，开发者可以创建网页、资源白名单，以此来提升浏览器的安全性。

Mozilla Firefox

最新版本：Firefox 31

主要特性：Firefox支持非常多的网络标准，如标准通用标记语言下的子集HTML和XML、XHTML、SVG 1.1（部份的）、CSS（除了标准之外，还有扩充的支持）、ECMAScript（JavaScript）、DOM、MathML、DTD、XSLT、XPath和PNG图像文件（包含透明度支持）。
在Firefox 3.0 Alpha 2时通过Acid2测试和Acid3 71/100项测试，Firefox 3.1的版本可通过Acid3 93/100项测试，Firefox 3.6达到Acid3 94/100的标准，到Firefox 7.0版本更已达到Acid3 100/100满分标准。
有比较出色的隐私保护。
有很多个性化功能。
有更快的启动速度，高速的图形渲染引擎，更加增进的页面加载速度，使用最新版 Firefox 你会立刻感受到我们在性能上的显著提升。
网页应用，比如电子邮件、视频、游戏，让网络变得更有魅力，但要更加流畅的运行它们，也对浏览器的处理能力提出了更高的要求。为了满足这些与日俱增的复杂需求，从 Firefox 4 开始，采用了改进的 JavaScript 引擎 —— JägerMonkey。
无论您是在 Windows 7，Vista，XP 或 Mac OS X 上使用 Firefox，您都将在进行观看视频、玩网络游戏等多种操作的同时享受到硬件加速支持。

Opera

最新版本：Opera 23.0　

主要特性：Opera浏览器因为它的快速、小巧和比其他浏览器更佳的标准兼容性获得了国际上的最终用户和业界媒体的承认，并在网上受到很多人的推崇。OperaSoftware开发的Opera浏览器是一款适用于各种平台、操作系统和嵌入式网络产品的高品质、多平台产品，opera浏览器不同于其他浏览器的特点有：
Opera支持多种操作系统，如Windows、Linux、Mac、FreeBSD、Solaris、BeOS、OS/2、QNX等，此外，Opera还有手机用的版本，如在WindowsMobile和Android手机上安装的OperaMobile和在JAVA上的OperaMini，早在2006年更与Nintendo签下合约，提供NDS及Wii游乐器Opera浏览器软件；也支持多语言，包括简体中文和繁体中文。
Opera还提供很多方便的特性，包括网络同步，Wand密码管理、会话管理、鼠标手势、键盘快捷键、内置搜索引擎、智能弹出式广告拦截、网址的过滤、浏览器识别伪装和超过400种，可以方便下载更换的皮肤，界面也可以在定制模式下通过拖放随意更改。下载一个大约10M的扩展以后，它甚至可以让你用语音控制以及阅读网页（英文）。而以上的这些，包括右键菜单都是可以由用户自定义的。
Opera支持包括SSL2/3以及TLS在内的各种安全协议，支持256位加密，可以抵御恶意代码攻击、钓鱼攻击等网络攻击。而其网页渲染速度也是当今速度最快的。它支持W3C标准，此外它还可以作者模式和用户模式让有经验的使用者控制浏览网页的结构和字体等。