ChromeDevTools/devtools-frontend
  • ChromeDevTools/devtools-frontend
  • 如何本地运行devtools-frontend基础工程
  • 项目代码运行原理
  • 单机右键save浏览器做了什么?
  • host模块分析
  • platform模块分析
Powered by GitBook
On this page

Was this helpful?

ChromeDevTools/devtools-frontend

devtools集成到web系统中进行远程真机调试,顺带分析项目如何运行、原理以及如何开发一个插件(项目需求需要将它集成到web系统中,虽然工程集成进来了,但抱着好奇的心,熟悉一下部分源码和运行原理)

Next如何本地运行devtools-frontend基础工程

Last updated 6 years ago

Was this helpful?

身为一个前端开发者对于chrome 的devtools并不陌生,它在我们日常的开发中扮演着很重要的角色,我们用来完成网页开发、调试、性能优化以及从插件市场中安装各种提升效率的插件,对于神奇的工具大多数时间我们是使用它,对于它的怎么实现的?身为前端开发接触过chrome插件,接触过devtools的插件(这里有一个比较全的),但devtools本身怎么实现的?如何运行的(不会是一坨cpp吧),前端同学能不能介入呢?答案是devtools在chrome源码是独立的,它是由js代码写出来的。

不废话了,项目工程在 ,接下来将说如何运行起来,并且逐步分析它的运行机制

例子
模块
这里