0011 开发者工具(chrome)

Posted jianjie

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了0011 开发者工具(chrome)相关的知识,希望对你有一定的参考价值。

此工具是我们的必备工具,以后代码出了问题

我们首先第一反应就是:

  • “按F12”或者是 “shift+ctrl+i” 打开 开发者工具。
  • 菜单: 右击网页空白出---检查

技术图片

  • 通过开发人员工具小指针工具,查找页面元素
  • 左侧是html页面结构,右侧是css样式

小技巧:

  1. ctrl+滚轮 可以 放大开发者工具代码大小。
  2. 左边是HTML元素结构 右边是CSS样式。
  3. 右边CSS样式可以改动数值和颜色查看更改后效果。
  4. ctrl + 0 复原浏览器大小

以上是关于0011 开发者工具(chrome)的主要内容,如果未能解决你的问题,请参考以下文章

chrome开发者工具抓包的问题

chrome工具分析

chrome 开发者工具 如何从下侧 转移到右侧

前端开发必备之Chrome开发者工具(上篇)

怎样使chrome开发者工具中的response显示成json格式

谷歌chrome 开发者工具修改网页的问题