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

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

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

------解决方案--------------------
这个是用HTML5写的,
可以实现所见即所得的网页.

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