chrome调试技巧
aliven1
前端工程师,技术栈:PS、AI、H5、CSS3、JS、TS、jQuery、vue、react、微信小程序、node、express、svn、git、webpack
展开
-
chrome调试查看代码使用率
sources => ctrl+shift+p => coverage原创 2020-07-25 18:09:36 · 642 阅读 · 0 评论 -
more tools中调试工具的使用
network conditions中就可以设置useragent模拟手机等其他设备请求的情况----------------------------------------------------------------------------search可以迅速查找css和js所在的位置,按回车就行...原创 2018-09-18 08:11:46 · 2812 阅读 · 1 评论 -
chrome调试中性能分析工具performance的使用
先点击record,然后刷新要分析的页面,在call tree可以看到各页面加载所花的时长,可以针对性的做优化原创 2018-09-18 12:50:09 · 8034 阅读 · 0 评论 -
chrome调试
准确定位最终样式,点灰色的小箭头可以准确定位哪个样式赋值起的作用,show all可以显示计算和继承的所有样式原创 2018-09-14 19:20:21 · 557 阅读 · 0 评论