1、在浏览器中打开要调试的网页，然后点击”F12 Developer Tools“，也可以使用快捷键F12。
2、弹出的工具窗口中，默认选择是Dom Explorer功能，它会列出网页的源代码和CSS样式列表。
3、使用元素定位功能选择页面中的一个元素，也会定位到源代码中位置。
4、对定位到的文字修改CSS样式，添加inline style，比如把字体变为红色。
5、查看元素已经应用的CSS样式，点击"computed"菜单。
6、然后查看元素的布局信息，点击"Layout"菜单。
下面是一个统一获取url参数的js通用方法：function request(paras){
var url = location.href
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&")
var paraObj = {}
for (i=0j=paraString[i]i++){
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length)
}
var returnValue = paraObj[paras.toLowerCase()]
if(typeof(returnValue)=="undefined"){
return ""
}else{
return returnValue
}
那么截取的参数a的值=Request(a)
参数a前四位的值=Request(a).substring(0,4)
获得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代码。
