说明:截图中的Chrome版本为52,不同版本可能略有区别。

常用设置

开发时消除静态资源缓存不能立刻更新的困扰,勾选Disable cache即可

切换颜色显示格式

修改默认颜色显示格式,在Settings(控制台按F1)>Preferences>Elements>Color format

选择dom

快速选中dom节点,鼠标选中的dom节点,可以看到chrome将其赋值为$0,因此在控制台直接敲出$0就可以得到,不用去输繁琐的CSS选择器,而且$1 - $4记录了你最近选过的4个dom节点。

chrome默认提供了一些选择dom的函数

  • $(selector)等同于document.querySelector(selector)
  • $$(selector)等同于document.querySelectorAll(selector)
  • $x(path)即xpath搜索,chrome中可以等同document.evaluate(path,document)

打开一个chrome空白页(确保$没有被js使用),测试如下

调试

断点可以编辑,比如在for循环中可以编辑进入断点的条件。

全局搜索(ctrl+shift+F),快速找到代码

美化代码,方便调试

写代码

chrome中有专门写代码的地方(位置在Sources>Snippets),这里写的代码不会丢失,任何页面都可以运行,非常方便。

最新文章

  1. MapReduce剖析笔记之六:TaskTracker初始化任务并启动JVM过程
  2. Sprint总结
  3. jquery.qrcode.js生成二维码
  4. Java API —— 网络编程
  5. C#中Action和Func的使用
  6. oracle数据库常用操作命令
  7. poj1038
  8. C程序设计语言练习题1-4
  9. There is no getter for property named xxx' in 'class java.lang.xxx'
  10. git push 小结
  11. service相关
  12. (一) sublime安装和使用
  13. 开源深度学习架构Caffe
  14. Python Mysql 交互
  15. 腾讯 xtestserver 基本使用教程~
  16. Log4j教程
  17. iOS笔记之UIKit_UITextField
  18. Java并发--深入剖析ThreadLocal
  19. python json.dumps输出中文问题
  20. mysql学习之join用法

热门文章

  1. SSRS 报表管理器 http://localhost/Reports HTTP500 内部错误处理过程
  2. leetcode 【 Two Sum 】python 实现
  3. 【SCOI 2010】传送带
  4. 为 rails 本地项目搭建 elasticsearch 服务
  5. LeetCode with Python -> Dynamic Programming
  6. Python面向对象之私有方法(4)
  7. X-UA-Compatible设置IE浏览器兼容模式
  8. BZOJ 1067 降雨量(RMQ-ST+有毒的分类讨论)
  9. BZOJ 4070 [Apio2015]雅加达的摩天楼 ——分块 SPFA
  10. HDU 5253 最小生成树 kruscal