1、在浏览器中打开要调试的网页，然后点击”F12 Developer Tools“，也可以使用快捷键F12。
2、弹出的工具窗口中，默认选择是Dom Explorer功能，它会列出网页的源代码和CSS样式列表。
3、使用元素定位功能选择页面中的一个元素，也会定位到源代码中位置。
4、对定位到的文字修改CSS样式，添加inline style，比如把字体变为红色。
5、查看元素已经应用的CSS样式，点击"computed"菜单。
6、然后查看元素的布局信息，点击"Layout"菜单。
获得JS生成后的HTML代码，首先需要要获取的是那一段代码，然后在通过innerHTML这个JS的方法来调用，然后在输出这段方法就行了；代码：
<html>
<head></head>
<script>
var oDiv = document.getElementById('div1')
alert(oDiv.innerHTML)
</script>
<body>
<div id='div1'>
<p>会被获取的</p>
</div>
/body>
</html>
这样就能获取到JS生成后的html代码。
