返回
创建于
状态公开

Chrome Devtools 使用指南

https://developer.chrome.com/docs/devtools/overview

开发者工具函数

copy

copy 函数可以让你在 console 里拿到任意的资源,甚至包括一些变量,在复制一些特别冗长的数据时特别有用,当复制完成后,直接使用 ctrl + v 即可。

copy 接受一个变量作为参数,如果有多个参数,则忽略第一个后面的所有参数,当需要复制不存在变量名的数据时,可以配合 Store As Global 来使用。

Store As Global

当我们从控制台获取一些数据却没有变量名时(在开发时特别常见),可以通过右键点击数据旁的小三角形,通过其来储存为全局变量,变量名为 temp1 一直延续下去,就可以配合 copy 获取变量名打印了,该功能对 HTML 元素同样适用。

命令菜单

https://segmentfault.com/a/1190000041582415

  • 打开快捷键

    • ctrl+shift+p
    • command+shift+p(mac)
  • 修改Dev Tools主题颜色

    • command+shift+p
    • 输入theme
      主题修改
  • 快捷截屏

    • 在命令菜单中输入screenshot

      截屏

  • 移动窗口位置

    • 在命令菜单中输入Dock

      移动窗口