Frames部分，主要用于查看特定帧的fps，可以查看特定的帧情况。 此代码的问题在于，在每个动画帧中，它会更改每个方块的样式，然后查询页面上每个方块的位置。由于样式发生了变化，浏览器不知道每个方块的位置是否发生了变化，因此必须重新布局方块以计算其位置。

chrome117新版本，它带着新的调试技巧来了！介绍大家最熟悉的`Network`面板，看看给我们带来了什么好玩的~

做网页应用时，我们离不开用浏览器测试，特别是Chrome和Firefox这样调试工具强大的浏览器。让我们谈谈怎么用Chrome浏览器拦截网页中发出的请求，如果符合预设的条件，返回mock的数据。

chrome 插件 - 插件基本组成结构与介绍 - 基本组成间的通信方式 - 实战！写一个爬虫插件 - 实战！写一个浏览器yarn插件 - 遇到的各种坑 ಥ_ಥ

关于chrome extension的开发经验总结或说明文档等资料很多，很多人在写，然而，我也是一员。但是，也许这篇文章，可能给你一些不一样的感受。 后面部分多为一些我在项目中总结的方法，这部分就是在别人的资料可能看不到的地方了，当然，这些方法也许不通用，因为毕竟是基于我项目里…

丰富的 chrome 插件极大的提升我们的工作效率和辛福感，插件的原理是向页面中注入 javascript 脚本，对页面进行处理，本文就从入门开始讲述如何开发一款 chrome 插件。

为啥会突然想起写一篇关于console的文章？笔者接触JS也不少时间了，其实大部分时间都在使用console.log()方法来输出一些或者调试程序，但是log的能力是有限的，并不能满足所有的场景。