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

时间:2021-1-18 作者:admin

浏览器内核

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 资源浏览
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。