很多人不知道的chrome实用调试方法

场景1：

登录成功之后，前端根据后端的response跳转到不同的业务页面。假设跳转的方法使用的是：

window.location.href = '业务页面地址'。然后前端开发小A发现，登录成功之后页面已经跳转走

了，想在chrome network中看刚才登录接口的response看不了，被清空了~

这时的小A要么加debugger在登录成功的回调里，要么用一个log上报，感觉很麻烦是不，chrome

开发工具的跨页面加载请求保存功能这时候就派上用场了

勾选preserve log，即使是页面跳转所有的request也会被保存下来。

场景2：

某天小A写了一个工具类方法，涉及到大数的计算，想测试该代码在特定数量级别的执行时间。

小A立马想到如下代码：

const fib = (n)=>(n<=1? n: fib(n-1)+fib(n-2))

let now = +(new Date);

fib(77);

let timeMinus = +(new Date) - now;

输出timeMinus, 这段代码没有问题，那么还有没有更加简便的方式呢？

答案是肯定的，使用console的time()和timeEnd()方法可以直接在console面板直白的看到这段代码的执行时间，上述代码可以这样在chrome 的console中运行：

console.time();fib(30);console.timeEnd();
VM826:1 default: 29.330810546875 ms

输出在chrome下改函数调用耗时。

相似的场景还有计算函数的调用次数。使用console.count()和console.countReset()

场景3：

有些情况下我们需要模拟user agent, 有同学立马想到使用charles来修改，这除了麻烦点没其他问题，chrome 提供了直接修改UA的功能，使用起来会相对方便。

在这里可以方便的修改想模拟的UA。