开发环境、简单的介绍下浏览器

本文创建时间：2018-06-17

编辑器：webstrom、sublime

浏览器：墙裂推荐 Google

image.png

浏览器介绍

不同于其他语言的开发，前端开发并不需要一个专门的编译器来编译自己的代码，你只需要将你的网页在浏览器上打开，浏览器就可以自动编译你的代码了。这确实是一件十分酷的事，因为这意味着你无需额外安装任何软件，只要在编辑器中写下你的代码并保存，然后双击你的 html 文件就可以自动启用默认浏览器打开你的网页。

虽然所有的浏览器基本上都能编译你的网页，但不同的浏览器能够兼容的 HTML / CSS / JavaScript 特性也不尽相同，对网页的渲染方式也有一些小差异。这意味着在开发过程中，我们需要在不同浏览器中对网页的兼容性进行测试。

接下来简单介绍下浏览器

Chrome

Chrome

目前全球占比最大的浏览器。支持全平台，不仅界面简洁，插件丰富，还提供了强大的开发者工具让开发效率得到巨大的提高。

你可以从Chrome官网下载

IE / Edge

IE / Edge

Windows 系统默认的浏览器，有 IE6-11，总共6个版本（尤其是 6-8 这三个版本，因为过于古老所以功能方面非常落后，幸好正在慢慢退出历史舞台），不过从 Windows 10 系统起就换成 Edge 版本了。

从前的很长一段时间 IE 浏览器都处在绝对的领先地位，后来由于新技术的不断发展而 IE 浏览器版本迭代太慢，所以慢慢就被抛弃了。

Firefox

Firefox

经典的浏览器，也是众多开发者的选择。支持全平台，有丰富而强大的插件，也提供了很不错的开发者工具供开发者们使用。还有一个非常好用的开发文档：Mozilla Developer Network（简称 MDN）

同样你可以从官网下载，或使用其他软件管理工具下载。

虽然这款浏览器也比较好用，但是一直处于不温不火的状态，以前是 IE 压制，现在是 Chrome 天下，所以它的地位非常尴尬，但是这并不影响它也是一款非常优秀的浏览器。

其他浏览器

其他浏览器包括 Safari、QQ 浏览器、360浏览器、搜狗浏览器等。

首先 Safari 是 macOS 或 iOS 的默认浏览器，并不支持其他平台，所以并不推荐为前端开发首先，而且其跟 Chrome 都是基于 Webkit 内核的，所以有很多相似点。

而国产的一些浏览器一般都是套了个壳的双核浏览器（浏览器内核介绍），如 QQ 浏览器，360浏览器、搜狗浏览器，猎豹浏览器等，一般只用来测试兼容性（因为你的用户在用这些浏览器）。

参考资料传送门请进门

上一章节：嵌套及HTML树

下一章节： 敬请等待⌛️