### 浏览器分类
- IE浏览器
+ IE6~8
+ IE9~IE11
+ IE Edge
- 谷歌浏览器Chrome
- 火狐浏览器Firefox
- 欧朋浏览器Opera
- 国产浏览器
+ 360普通浏览器
+ 360极速浏览器
+ 猎豹浏览器
+ 搜狗浏览器
+ QQ浏览器
+ UC浏览器
+ ……
### 内核分类
- 1.以谷歌浏览器webkit内核为主（通俗：V8引擎）：谷歌浏览器Chrome、苹果浏览器Safari、欧朋浏览器Opera（v14版本）、国产浏览器（360普通浏览器、360极速浏览器、猎豹浏览器、搜狗浏览器、QQ浏览器、UC浏览器）
- 2.Gecko内核：火狐浏览器Firefox
- 3.Trident内核：IE浏览器（IE6~8、IE9~IE11、IE Edge）
---
不同浏览器渲染的机制不一样，因为采用不同的内核来进行处理
中间涉及的内容：DNS解析、TCP链接、HTTP报文、状态码、网络安全和加密处理、HTTPS……
### 浏览器发展
网景公司推出的第一款浏览器：Navigator,接着就是IE浏览器（微软）
IE浏览器完胜（一家独大的时候，没有完全遵循w3c和ECMAScript标准开发=>大量的浏览器兼容问题）
+ IE6~8与 火狐浏览器Gecko、欧朋浏览器Presto竞争（IE市场占有率较大）
此时国产PC端浏览器都是Trident内核
谷歌浏览器Webkit(发展依靠的是移动端崛起)
+ IOS系统 自带Safari浏览器，内核是webkit
+ 安卓系统（谷歌研发的）要求浏览器内核需要webkit
+ winphone系统（没有发展起来）
而此时国产移动端的浏览器需要是webkit内核
再发展->国产浏览器都统一为webkit内核,欧朋浏览器后来也统一称为webkit内核
……
前端开发：需要安装谷歌浏览器->它提供给开发者强大的开发工具
### 开发者工具
在浏览器页面打开开发者工具：F12 / FN+F12 (再或者浏览器页面->右键->检查)
- Element 包含了当前页面中所有的结构和样式，基于它可以快速查看和调整页面的样式和结构等
- Console 控制台，在JS中，可以向控制台输入出一些内容，来进行项目的调试，
如果项目程序出现问题，也可以在控制台查看报错信息；也可以在控制台编写代码，做一些测试……
- NetWork 包含了当前页面所有想服务器发送到HTTP请求信息，一般用于前后端数据交互中的BUG调试以及页面中的性能优化
- Sources 包含了当前项目的源代码
- Applictaion 可以看到本地存储的信息（Cookie LocalStorage SessionStorage……）以及当前网站中所有加载的图片信息（抓取一些图片）
- 开启手机模拟器模式（Toggle Device Toolbar）
- ……
网友评论