chrome调试技巧

copy

  在chrome浏览器控制台，使用copy()函数可以把属性复制到剪贴板中。

截图

  1、使用控制台的Elements，找到需要的DOM节点，鼠标选中需要截图的DOM节点。
  2、按下ctrl+shift+P调出控制面板，输入screen
  3、其中 Capture node screenshot是截选中节点的图，Capture full size screenshot是截全图。

编辑网页上的元素

  在console控制台输入document.designMode="on"，document.designMode属性默认off关闭，不可编辑，设置为on之后，可以直接在网页上进行编辑。