浏览器开发工具

console面板
console
console.log("hello world",1,true);
console.dir(console)
var d=new Date()
d
console.dir(d)
d.getDate()
d.getHours()


element面板
解释下各编号所指的内容:
#1 用于在页面上选择一个元素,并且查看该元素
#2 模拟设备之间的切换,主要是pc/移动端(包括手机,平板)
#3 html元素结构显示及实时编辑
#4 当前选中元素的所在位置(如图中,div.test在html中的body中)
#5 显示当前选中元素的样式,盒模型
#6 显示当前选中元素的盒模型,样式属性计算
#7 显示当前选中元素上所绑定的事件
#8 显示DOM断点列表
#9 显示当前选中元素的属性

猜你喜欢

转载自www.cnblogs.com/createyuan/p/9025036.html