JEECG前端Chrome调试小技巧汇总


如何保持元素的 hover 等状态(保持鼠标放上去的效果)
JEECG前端Chrome调试小技巧汇总
本文插图
Ctrl+F 搜文字定位dom节点
JEECG前端Chrome调试小技巧汇总
本文插图
复制日志对象先右键保存全局对象console输入copy(temp1)
JEECG前端Chrome调试小技巧汇总
本文插图
不同网速测试
JEECG前端Chrome调试小技巧汇总
本文插图
定位 , 通过键盘上下可以修改大小 按住Ctrl , 可以10为单位修改大小
JEECG前端Chrome调试小技巧汇总
本文插图
【JEECG前端Chrome调试小技巧汇总】
样式级别(由上到下)
JEECG前端Chrome调试小技巧汇总
本文插图
样式最终计算值(查看元素最终的样式)
JEECG前端Chrome调试小技巧汇总
本文插图
不要只会console.logconsole.log正常输出console.error错误输出console.warn警告console.table更方便查看console.table更方便查看占位符有:字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o)如何查看被压缩的 JS/CSS 源码 , 点击格式化
JEECG前端Chrome调试小技巧汇总
本文插图
network 只看http请求
JEECG前端Chrome调试小技巧汇总
本文插图
分析JS性能
JEECG前端Chrome调试小技巧汇总
本文插图


    推荐阅读