Browser知识点

浏览器知识点

Posted by Qc on April 9, 2019

console

console函数

console.log()

console.log(‘this is a %s’, ‘job’)

console.log(‘this is a %o’, {a:’a’})

console.log(‘this is a %ctext’, ‘color:yellow;’)

console.dir()

≈log 检查元素

console.warn()

警告级别 输出黄字

console.table()

●最多1k行

查看对象/数组:console.table({a: ‘a’})

查看选定列:console.table([{a:’a’, b:1},{a:’A’, b:2}], [‘a’])

console.assert()

表达式为false则输出

console.count()

for(var i = 0; i < 100; i++) { console.count(‘i’); }

console.countReset()

重置计数器

console.trace()

查找实际调用者

console.time()

与console.timeEnd()匹配计算时长

将浏览器转换为编辑器

document.body.contentEditable=true

事件

查找绑定到该元素的事件

getEventListeners($(‘selector’))

监控事件

monitorEvents($(‘selector’))

停止监控

unmonitorEvents($(‘selector’))

检查DOM元素

inspect($(‘selector’))

最后一个结果值

$_

清空控制台和内存

clear()

浏览器使用jQ

// http页面先在控制台写如下代码 (function(d,s){d.body.appendChild(s=d.createElement(‘script’)).src=’http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js’})(document);

// https页面先在控制台写如下代码 (function(d,s){d.body.appendChild(s=d.createElement(‘script’)).src=’https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js’})(document);