Chrome使用技巧 前端开发的一些技巧

在进行前端开发的时候,使用Chrome浏览器可以很快找到前端代码中的错误,下面是一些实用快捷键

Ctrl + P 快速在source 中搜索文件

Ctrl + f 定位到源代码

在源代码中快速跳转到指定的行 Ctrl + G 然后输入行号使用多个插入符进行选择

按住Ctrl在你要编辑的地方点击鼠标,可以设置多个插入符,这样可以一次在多个地方编辑

选择下一个匹配项 按下Ctrl + D (Cmd + D) ,当前选中的单词的下一个匹配也会被选中,有利于你同时对它们进行编辑。

console.count统计某段代码执行了多少次

console.time & console.timeEnd 考量一段代码执行的耗时情况时,可以用console.time与 console.timeEnd来做此事。

查看CPU使用相关的信息时,可以使用console.profile配合 console.profileEnd来完成这个需求。

console.log 打印日志
console.error 打印错误信息

断点调试: 在source中打开需要进行调试的文件,在需要进行调试的地方打断点,刷新界面进行调试

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值