【chrome】More tools

这里写图片描述

Animations:检查动画,主要是用来检测页面动画效果是否符合预期,以及调试,具体参考http://www.css88.com/doc/chrome-devtools/inspect-styles/animations/

Changes:不知道干啥的,欢迎补充

Coverage:用来检测代码覆盖率,用来优化死代码、懒加载代码,提升运行效率
。具体参考:https://zhuanlan.zhihu.com/p/26281581?utm_source=tuicool&utm_medium=referral

JavaScript Profiler:查看原生函数的执行性能。http://cnodejs.org/topic/58db3e9eb3e60b982d089cd6

Layers:不知道干啥的

Network conditions:可以用来修改网速、修改user_agent
这里写图片描述

Performance monitor:性能监控器,可以监控CPU usage、JS heap size、DOM Nodes、JS event listeners、Documents、Frames、Layouts/sec、Style recalcs /sec

Quick source:应该是快速查找文件、实现一些操作

Remote devices:远程调用,监控Android。https://blog.csdn.net/freshlover/article/details/42528643

Rendering:可以看到动画卡不卡的监听器。https://www.cnblogs.com/foreverZ/p/5817855.html

Request blocking:添加规则并阻塞相应请求。
这里写图片描述

search:从源代码中搜索内容

Sensors:可以模拟Geolocation地理位置、orientation方向、touch触摸

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值