【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触摸

猜你喜欢

转载自blog.csdn.net/jq656021898/article/details/80177545
今日推荐