关于Chrome浏览器调试技巧

发布时间：2019-02-16 04:47:52 所属栏目：建站来源：佚名

导读：副标题#e# 写在前面：本文包括浏览器调试，不包括web移动端调试。本文调试均在chrome浏览器进行。 alert 这个不用多说了，不言自明。 console 基本输出想必大家都在用 console.log 在控制台输出点东西，其实console还有其它的方法： console.log(打印字符

计时

console.time() //计时开始 
fib(100); //用上述函数计算100个斐波那契数 
console.timeEnd() //计时结束并输出时长

关于Chrome浏览器调试技巧

断言语句，这个c++调试里面也经常用到。js中，当第一个表达式或参数为true时候什么也不发生，为false时终止程序并报错。

console.assert(true, "我错了"); 
console.assert(false, "我真的错了");

关于Chrome浏览器调试技巧

性能分析

function F(){ 
  var i = 0; 
  function f(){ 
    while(i++ == 1000); 
  } 
  function g(){ 
    while(i++ == 100000); 
  } 
  f(); 
  g(); 
} 
console.profile(); 
F(); 
console.profileEnd();

关于Chrome浏览器调试技巧

注：Chrome开发者工具中的Audits标签页也可以实现性能分析。

debugger

这个重量级的是博主最常用的，可能是c++出身，对于单步调试由衷的热爱。单步调试就是点一下，执行一句程序，并且可以查看当前作用域可见的所有变量和值。而debugger就是告诉程序在那里停下来进行单步调试，俗称断点。

关于Chrome浏览器调试技巧

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

2/5

首页

尾页