chrome- devTools

作者: sweetBoy_9126 | 来源:发表于2022-09-13 21:43 被阅读0次

打开/关闭开发者面板

打开你上次关闭前停留的面板

  • command option + i
    打开的是你上次停留的那个 tab,比如你上次定位在 network,那么你再次打开还是直接打开 network

打开 console 面板

  • command option + j
    直接打开console 面板

打开 elements 面板,并且可以选择对应元素

  • shift command + c

搜索文件

  • command + p

搜索命令

  • command shift + p
    我们可以直接搜索对应面板就会跳到对应面板

聚焦于 console 面板

  • control + `

清空 console 面板

  • command + k

显示/折叠面板下方的 console issues ... 面板

  • esc

切换到其他面板

  • command + [ 或 ]

扩展

支持 vscode
打开开发者面板,点击右上角设置

点击 shorcuts,选择 vscoe


设置成功后我们可以通过
command k + command s 来打开设置面板

相关文章

  • chrome- devTools

    打开/关闭开发者面板 打开你上次关闭前停留的面板 command option + i打开的是你上次停留的那个 ...

  • HTML转PDF

    chrome->打印->更改->另存为pdf->保存

  • 工作日报8.7

    调试Angular:Chrome-扩展程序-Batarang 医嘱分类 所用到的表: select distinc...

  • 伪前端

    vue devtools 真好用!vue devtools 真好用!vue devtools 真好用! webst...

  • chrome- 标记

    创建一个新标记 m推荐:mm 跳转到标记的位置 推荐m 访问当前网址上一层 gu 访问当前网站首页 gU 暂停 v...

  • R地图

    install.packages("devtools") library(devtools) install.pa...

  • MeTPeak的使用

    安装: install.packages("devtools") library("devtools") sour...

  • Python selenium-chrome关闭cmd控制台中的

    关闭DevTools listening on ws://127.0.0.1的打印 DevTools listen...

  • redux 调试

    集成 remote-redux-devtools 便于 redux 调试; redux-devtools-exte...

  • SpringBoot-property属性设置

    Spring的devtools的全局配置(~/.spring-boot-devtools.properties文件...

网友评论

    本文标题:chrome- devTools

    本文链接:https://www.haomeiwen.com/subject/xmwhortx.html