1、在浏览器中打开要调试的网页,然后点击”F12 Developer Tools“,也可以使用快捷键F12。
2、弹出的工具窗口中,默认选择是Dom Explorer功能,它会列出网页的源代码和CSS样式列表。
3、使用元素定位功能选择页面中的一个元素,也会定位到源代码中位置。
4、对定位到的文字修改CSS样式,添加inline style,比如把字体变为红色。
5、查看元素已经应用的CSS样式,点击"computed"菜单。
6、然后查看元素的布局信息,点击"Layout"菜单。
用jquery的load方法加载,例子1(点击按钮加载一个注册页面的所有内容装入div容器):
$("button").click(function(){
$("div").load('regist.html')
})
例子2(点击按钮加载一个注册页面里面的ID为box的标签里面的所有内容装入div容器):
$("button").click(function(){
$("div").load("regist.html
#box")
})
用jQuery的html方法可以获得某个元素中的内容,如果元素是html标签,则可以获得页面的全部内容:例如:
$(document).ready(function(){
var
html_str=$("html").html()
alert(html_str)
})
上面代码可以获得页面的全部内容。(当然要先导入jQuery)