chrome F12功能是如何实现的？

一直在使用chrome浏览器，得益于chrome浏览器的强大功能和对开发者的友好设计，chrome内部页面绝大部分都是使用js+html页面的方式开发的，但是F12功能有点特殊，一直很想了解chrome的F12功能是如何实现的？

---

webkit inspector