想要开发先了解浏览器内核和控制台

浏览器内核

webkit内核(V8引擎)

• 谷歌Chrome
• Safari
• Opera >= V14
• 国产浏览器
• 手机浏览器

Geoko

• 火狐Firefox

Trident

• IE
• IE DEGE开始采用双内核(包含Chrome迷你)

Presto

• Opera < V14

为什么使用谷歌Chrome：安卓绑定webkit内核，浏览器业务商为了方便维护pc+移动选择使用webkit内核，Chrome是为webkit内核的最先实践者，且提供了良好的开发工作者调试支持。

谷歌控制台（F12/Fn+F12）

Elements

查看结构样式，可以修改这些内容

Console

查看数据结果和报错信息，是JS调试利器，也可能是你职业的敲门砖

Sources

查看项目源码,js调试 debugger

Network

查看当前网站所有请求信息（包括服务器传输的HTTP报文信息）、加载时间等（根据加载时间进行项目优化）

Application

查看当前网站所有的数据存储和资源文件（可以复制图片）

• Manifest 离线缓存技术
• Storage 本地信息存储
  • LocalStorage 二级离线缓存不需要和服务器进行交互 （性能优化）
  • sessionStorage
• Cookies 登录信息等
• Cache 缓存
• Frames 资源浏览