铺垫 浏览器内核和控制台

191 阅读1分钟

1.常用浏览器内核

- webkit 内核(渲染引擎)      V8 引擎(js 引擎)

- 谷歌Chrome
- Safari
- Opera >= 14
- 国产浏览器
- 手机浏览器
- ...

- Gecko

- 火狐Firefox

- Presto

- Opear < V14

- Trident

- IE
- IE edge 采用双内核
- 很多浏览器的极速版使用 webkit 内核,普通版使用 Trident 内核

2.谷歌浏览器的控制台

 - F12
 - Elements
      查看结构样式,并修改内容
 - Console 
      查看输出结果和报错信息,调试 js;
      作为临时调试工具,简单的计算和js 运行; 
 - Sources
      查看项目源码
      web 服务器 资源服务器 数据服务器...
 - Network
      查看当前网站所有资源的请求信息
         包括服务器传呼的 HTTP 报文信息
         加载时间(根据加载时间进行项目优化)
         ...
 - Application 
          查看当前网站的数据存储和资源文件(盗图与图片防盗)
      Manifest H5 提供离线缓存(内存比原生 APP 小)
      Storage  H5 提供的本地存储 
               数据二级存储,将不常用的数据存储进去,增加性能优化,减少打开加载时间
      Cookies 登录信息存储
      Web SQL indexedDB 数据二级存储
      Cache   缓存,性能优化
      Frames  当前页面图片都存在这里