chrome 浏览器一键dump dom树

做了个浏览器小插件，给我这样使用f12浏览器开发人员工具开发前端的人用。

chrome商店地址：https://chrome.google.com/webstore/detail/dump-dom/nipefhlejmpdmpmemlhjcoakmomemkkd?hl=zh-CN&authuser=0

功能：一键dump 开发人员工具里面的element tab里面显示的dom tree内容（state),以html格式保存。

作为一个业余前端开发者，想知道专业人员前端人员是怎么开发html的。有这种比开发人员工具devtools很好的所见即所得工具么？