本文结构
- 本文相关
- Web Devtool历史
- 按Chrome相关介绍
- Devtools 界面概览
- 几个重要面板简介
- 使用Devtools的几个小技巧
本文共计:1415字1图
预计阅读时间:2min40s
是谷歌的开源项目,由开源社区维护。
国产的所有 “双核浏览器”,都是基于 Chromium 开发的,当然 Chrome 也是基于它。
我们下载的 Chromium 浏览器都是其源码未经修改的直接编译版本。
Chromium 的内核版本比 Chrome 明显领先,新的技术都是先在 Chromium 上应用。几乎每天都在进行更新;
基于 Chromium,但是它是闭源的。
所以有这样的一种说法:谷歌把核心技术都保留在了之家的 Chrome 中。
Chrome 内置了 Flash,Chromium 需要额外安装。
据说?在网页渲染方面 Chrome 也悄悄有一些特别的优化。
集成了更多的谷歌服务(RanBinNuan),同时也有更多的限制,比如目前使用 Chrome 需要一定手段才能安装非商店的扩展,一旦被发现还会永远禁用,但 Chromium 就没有这些限制
是Chrome的四个版本:
新版发布速度递增
新功能数量递增
稳定性递减
F12打开的界面
打开url chrome://flags/
搜索dev
打开Experimental Extension APIs开关
在settings中找到experiments可以找到相关实验性功能
shift按七次,显示隐藏的实验性功能(比如terminal
[1]
Devtools Sample: https://masteringdevtools.com/
[2]
google developers 官方文档: https://developers.google.com/web/tools/chrome-devtools/
[3]
Mastering Chrome Developer Tools v2 课程: https://frontendmasters.com/courses/chrome-dev-tools-v2
[4]
系列文章: https://medium.com/@tomsu
[5]
Devtools脑图.png: https://i.loli.net/2019/04/19/5cb95639a9f73.png
[6]
Live DOM Viewer: https://software.hixie.ch/utilities/js/live-dom-viewer/
[7]
Firebug: https://getfirebug.com/
- END -