前端Chrome调试技巧汇总

  1. 保持鼠标放上去的效果
    ​​​​在这里插入图片描述

  2. Ctrl+F 搜文字定位dom节点
    在这里插入图片描述

  3. 复制日志对象

   先右键保存全局对象
   console输入
   copy(temp1)

在这里插入图片描述

  1. 不同网速测试
    在这里插入图片描述

  2. 定位,通过键盘上下可以修改大小
    按住Ctrl,可以10为单位修改大小
    在这里插入图片描述

  3. 样式级别(由上到下)
    在这里插入图片描述

  4. 样式最终计算值
    在这里插入图片描述

  5. 谷歌调试sources

    Ctrl+P     快捷键
    Ctrl+G     跳一行
  1. 选择对象,可以通过命令 $0 $VM0, 调试当前对象
    在这里插入图片描述
JEECG官方博客 CSDN认证博客专家 机器学习 深度学习 开源达人
专注技术开源,打造开源的JAVA快速开发平台—JEECG(获得CSDN专家访谈,ITEYE访谈、连续五年中国最火TOP5、十大优秀开源项目等)、免费微信管家平台—JeeWx 捷微(获得2014年微信开发商大会第一名)
已标记关键词 清除标记
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值