当前位置: 首页 > news >正文

一、小按钮和下面板---调试面板

1、点击该按钮,点击页面上的某元素,就会显示选中元素的Html代码和样式。

2、手机模拟,用于调试移动端页面。点击该手机图标和点击第7点中的Enable Emulation按钮效果一样,都可以打开移动端调试窗口。

3、清除日志Clean Console log

点击该按钮,可以清除控制台的日志。

4、过滤器Filter

可以用正则式查看Erros(错误),Warnings(警告),Info(信息),Logs(日志),Debug(调试)信息,过滤调试过程的错误警告信息等记录,方便查找某记录。 

5、保存日志Preserve log

勾选此项,可以在重新加载或者浏览的过程中保存原有的日志。

6、Console面板

主要是报错和测试,$0直接获取所点击的元素。

7、Emulation面板

(1)Device,改变分辨率和机型;

(2)Media,改变CSS媒体类型,有的样式在电脑端和移动端会呈现不同的样子;

(3)Network,伪装操作环境;

(4)Sensor,模拟手机的倾斜等一系列行为。

8、Rendering面板

(1)Enable paint flashing,高亮重绘区域;

(2)Show layer borders,展示图层边界;

(3)Show FPS meter,展示刷新率;

(4)Show scrolling perf issues,。

转载于:https://www.cnblogs.com/camille666/p/debug_tool_1.html

相关文章:

  • memcached全面剖析–5. memcached的应用和兼容程序
  • 常见浏览器的兼容问题
  • 如何解决“不能打开数据库,用户NT AUTHORITY\NETWORK SERVICE登录失败”的错误呢?...
  • 基于vitamio的网络电视直播源码
  • Unity3D 导出apk 在真机调试时, 使用光贴图的模型丢失材质的BUG
  • 将C盘一个文本文件复制到D盘。
  • UVALive 6322 最大匹配...
  • 模板方法模式
  • Android Studio 简单介绍和使用问题小结
  • Redis内存存储结构分析
  • 数组删除空缺时的多余逗号
  • 图片验证
  • JDBC加载过程
  • 让DIV中文字换行显示
  • hdu 4050 2011北京赛区网络赛K 概率dp ***
  • 自己简单写的 事件订阅机制
  • [nginx文档翻译系列] 控制nginx
  • cookie和session
  • Flannel解读
  • javascript 总结(常用工具类的封装)
  • react 代码优化(一) ——事件处理
  • Three.js 再探 - 写一个跳一跳极简版游戏
  • underscore源码剖析之整体架构
  • vue-router 实现分析
  • 阿里云前端周刊 - 第 26 期
  • 得到一个数组中任意X个元素的所有组合 即C(n,m)
  • 对象引论
  • 京东美团研发面经
  • 精益 React 学习指南 (Lean React)- 1.5 React 与 DOM
  • 删除表内多余的重复数据
  • 微信小程序:实现悬浮返回和分享按钮
  • 白色的风信子
  • Redis4.x新特性 -- 萌萌的MEMORY DOCTOR
  • 你学不懂C语言,是因为不懂编写C程序的7个步骤 ...
  • 浅谈sql中的in与not in,exists与not exists的区别
  • ​Linux·i2c驱动架构​
  • !$boo在php中什么意思,php前戏
  • %check_box% in rails :coditions={:has_many , :through}
  • (02)vite环境变量配置
  • (4)(4.6) Triducer
  • (M)unity2D敌人的创建、人物属性设置,遇敌掉血
  • (第8天)保姆级 PL/SQL Developer 安装与配置
  • (非本人原创)我们工作到底是为了什么?​——HP大中华区总裁孙振耀退休感言(r4笔记第60天)...
  • (附源码)ssm教师工作量核算统计系统 毕业设计 162307
  • (算法)Travel Information Center
  • (续)使用Django搭建一个完整的项目(Centos7+Nginx)
  • **登录+JWT+异常处理+拦截器+ThreadLocal-开发思想与代码实现**
  • .NET Core 项目指定SDK版本
  • .NET单元测试
  • .NET精简框架的“无法找到资源程序集”异常释疑
  • .NET值类型变量“活”在哪?
  • [2010-8-30]
  • [2018/11/18] Java数据结构(2) 简单排序 冒泡排序 选择排序 插入排序
  • [ActionScript][AS3]小小笔记
  • [HackMyVM]靶场 VivifyTech