美文网首页
dev tools调试

dev tools调试

作者: shelhuang | 来源:发表于2020-01-15 15:56 被阅读0次

快捷键

1.搜索文件 Ctrl+P

2.搜索内容 Ctrl+Shift+F

3.跳到指定行 Ctrl+G

4.选中下一个相同元素 Ctrl+D

调试技巧

1.保存记录

勾选在Console标签下的保存记录选项,你可以使DevTools的console继续保存记录而不会在每个页面加载之后清除记录。当你想要研究在页面还没加载完之前出现的bug时,这会是一个很方便的方法。

2.改变颜色格式

在颜色预览中使用Shift + Click ,可以在rgba, hsl 和 hexadecimal 这三种格式中改变。

3.调试分辨率

相关文章

  • dev tools调试

    快捷键 1.搜索文件 Ctrl+P 2.搜索内容 Ctrl+Shift+F 3.跳到指定行 Ctrl+G 4.选中...

  • grok使用技巧

    调试kibana->dev tools->grok debugger 提供了在线调试工具image.png 匹配总...

  • reactjs精品教程资料-day3

    React.js - 第3天 0. 安装 React Developer Tools 调试工具 React Dev...

  • Node介绍7-调试js

    本文讨论调试JavaScript的方法。 在浏览器中,我们可以通过dev tools去调试,也可以分析内存,cpu...

  • vue-cli项目搭建

    vue中文官网 https://cn.vuejs.org/ 谷歌调试工具:dev-tools 1.github下载...

  • Dev Tools

    人在江湖漂,哪能不带刀 常用工具 OSX homebrew,OSX 上非常流行的包管理工具。强迫症常用的两个命令:...

  • Kibana 开发工具(Dev Tools) --- 2022-

    Kibana开发工具(Dev Tools)主要提供了下面三种功能 调试Elasticsearch查询表达式分析El...

  • 如何在VS CODE调试Angular

    Chrome Dev Tools 绝对是目前最爽的 JavaScript 调试工具之一,一方面可以通过在代码 de...

  • copying & saving

    在调试的过程中,我们总要对 Dev Tools 里面的数据进行 复制 或者 保存 的操作,所以我们来看看,关于这些...

  • chrome://inspect 白屏BUG解决方案

    chrome://inspect 是前端常用的调试工具但是有时候会碰到PC端dev-tools白屏的问题 1.首先...

网友评论

      本文标题:dev tools调试

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