浏览器内核和控制台

原创 于 2021-09-05 11:33:02 发布 · 279 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html5 #javascript #vue.js

本文深入解析了WebKit内核的代表性浏览器如Chrome、Safari和Opera，重点讲解了Chrome控制台的三大功能：元素查看、console调试和网络分析。同时介绍了Trident内核的IE和Edge的双核特性。

一、常用浏览器

  • webkit内核（v8引擎）
    • 谷歌Chrome
    • Safari
    • Opera
    • 国产浏览器
    • 手机浏览器
  • Gecko
    • 火狐
  • Presto
    • Opera
  • Trident
    • IE
    • IE EDGE开始采用双内核（其中包括chromemini）

二、google浏览器的控制台

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

Console：查看输出结果和报错信息，是js调试的利器

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

application：查看当前网站的数据存储和资源文件（可以盗图）

zzz_zlp
关注
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值