JEECG前端Chrome调试小技巧汇总
如何保持元素的 hover 等状态(保持鼠标放上去的效果)
本文插图
Ctrl+F 搜文字定位dom节点
本文插图
复制日志对象先右键保存全局对象console输入copy(temp1)
本文插图
不同网速测试
本文插图
定位 ， 通过键盘上下可以修改大小 按住Ctrl ， 可以10为单位修改大小
本文插图
【JEECG前端Chrome调试小技巧汇总】
样式级别(由上到下)
本文插图
样式最终计算值(查看元素最终的样式)
本文插图
不要只会console.logconsole.log正常输出console.error错误输出console.warn警告console.table更方便查看console.table更方便查看占位符有：字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）如何查看被压缩的 JS/CSS 源码 ， 点击格式化
本文插图
network 只看http请求
本文插图
分析JS性能
本文插图
推荐阅读
- Chrome浏览器|Chrome、Edge抢市场 火狐浏览器份额从20%暴跌到4%：生死存亡
- Chrome浏览器|法院裁定：浏览器使用Adblock Plus拦截广告不构成侵权
- Chrome浏览器|Chrome浏览器推送最后一个双位数版本：删除默认搜索引擎功能回归
- Chrome浏览器|所有Chrome内核浏览器：删除默认搜索引擎的功能都不复存在了
- 微软|Windows遭受勒索攻击 连锁酒店转向Chrome OS系统
- Chrome浏览器|Chrome 97正式版发布下载：被苹果、火狐抵制的功能上线
- Chrome浏览器|Chrome版本号达100！编号太长导致网站无法识别 谷歌：将进行修复
- Chrome浏览器|谷歌浏览器Chrome 100即将发布：部分网站将面临报错问题
- Chrome浏览器|微软Edge同款设计：谷歌为Chrome重新制作下载界面
- 谷歌|谷歌自卖自夸 称Chrome OS是全球发展最快的操作系统