4.专业级开发环境|常用浏览器

155 阅读3分钟

浏览器介绍

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

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

当然,现在我们暂时不需要做这些工作,这里我们只是简单介绍下浏览器,让你有个大概的了解。

Chrome

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

你可以从Chrome官网下载,若无法访问官网,可使用 腾讯电脑管家 或者其他软件管理工具下载。

如果你的默认浏览器还不是Chrome,可以参考:怎样把谷歌浏览器设置为默认浏览器

注:如果你还没有安装或设置为默认,那么赶紧搞起吧,这样就可以更好的体验我们后面的课程了。

IE / Edge

image.png

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

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

Firefox

image.png

经典的浏览器,也是众多开发者的选择。支持全平台,有丰富而强大的插件,也提供了很不错的开发者工具供开发者们使用。还有一个非常好用的开发文档:Mozilla Developer Network(简称 MDN)(后面的课程会经常用到这个开发文档)

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

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

其他浏览器****

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

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

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