如何实现类似chrome审查元素的效果
大致就是审查元素的那种效果

左边一个列表展示出右边页面的所有元素，然后点击任意一个元素，右边的页面相应的位置就发生比较明显的变化

有类似的开源或者实现的原理么

[解决办法]
这个是用HTML5写的,
可以实现所见即所得的网页.

估计不开源.
http://dabblet.com/
[解决办法]
http://dabblet.com/ 其实是由3部分构成 一部分显示层。一部分反查css样式。另外一部分进行$('body').append("")工作