Drawer 篇 - Drawer 常识

2024-05-15 01:35:13

# 前言

说到 Drawer 大部分的朋友可能都很陌生，那 Drawer 是个什么东西？ Chrome DevTools 有很多部分，被分为9个 tab (俗称选项卡) ( Elements ， Console ， Sources ， Network ，等等...)

但是，那仅仅是它的一部分而已！有一组平行的选项卡，被隐藏在主窗口之下。这个组合被称为 Drawer

# 1. 如何打开 `Drawer` ?

当你在 DevTools(任何选项卡)中时，按 [esc] 来显示它，再次按 [esc] 隐藏它：

默认情况下，您会看到一个 console 选项卡。与主面板的 console 完全相同。这就是为什么主面板会显示除了 console 之外的每个主要标签( Elements ，Sources ，Network ...)- 因为在主面板中显示 console 没有意义。

这样的 console 很方便，例如在 Elements 选项卡打开时，我们同时可以看到 console 面板。但是在 Drawer 中其实还隐藏了更多细节。

# 2. `Drawer` 里面到底有什么？

Drawer 里隐藏着许多其他功能，大多数时候你可能不需要用到它们，这也是它们为什么被隐藏起来的原因，然鹅，你可以直接选择你想展示在这里的功能。

点击主页面在 Drawer的 console 面板前面的 ⋮ 图标来打开完整选项列表。另外，你也可以打开之前我们提到的 command Menu ，然后输入 Drawer 来打开

Okay，让我们再看一遍所有的选项：

Animations
Changes
Console
Coverage
Network conditions
Performance monitor
Quick source
Remote devices
Rendering
Request blocking
Search
Sensors
What’s new

# 3. 控制传感器

如果你正在你的应用中使用一些获取位置信息的 API 而且想要测试一下它，总不能开着车环绕世界吧，(其实也不是不行

Drawer 篇 - Drawer 常识相关推荐

论文篇------交通常识
卡口和电子警察区别在什么地方? 治安卡口具有车牌识别.车辆检测等功能,不管是否违规都会抓拍,它是抓拍车辆车头车牌,整辆车,主要用于高速公路收费站出入口,卡口是以设置在交通枢纽到路口的摄像机为依托,通过 ...
【Flutter】侧拉导航栏实现 ( Drawer 组件 | PageView 组件 )
文章目录一.Drawer 组件二.PageView 组件三.完整代码示例四.相关资源一.Drawer 组件 Scaffold 组件中的 drawer 参数 , 就是设置侧拉导航栏菜单的 , ...
DrawerLayout实现双层Drawer
DrawerLayout实现双层Drawer 转 https://www.jianshu.com/p/34366a80b425 DrawerLayout是实现侧边抽屉(Drawer)最方便的方法, 但 ...
flutter基础布局之 Drawer
Drawer 一般放在标题栏上,通过ListView和ListTile的配合,用于显示隐藏的标题. Scaffold(appBar: AppBar(title: const Text('Drawer ...
flutter 自定义drawer，并打开
方法一GlobalKey import "package:flutter/material.dart";class Test extends StatefulWidget {@ov ...
flutter 导航组件 AppBar （含顶部选项卡TabBar，抽屉菜单 drawer ，自定义导航图标）
AppBar 组件的结构 AppBar 组件的代码 AppBar(leading: Icon(Icons.home), // 导航图标title: Text('AppBar Title'), // 页 ...
量化投资常用技能——指标篇1：详解 MACD指标绘制、及其计算过程和作用
量化投资常用技能系列文章目录我们已经介绍了三篇关于量化投资方面绘图的文章,大家有兴趣可以了解一下绘图篇量化投资常用技能--绘图篇 1:绘制股票收盘价格曲线和ochl烛状图量化投资常用技能-- ...
量化投资常用技能——指标篇3：详解RSI指标，及其代码实现和绘图
量化投资常用技能系列文章目录我们已经介绍了三篇关于量化投资方面绘图的文章和两篇指标类的推导和介绍的文章,大家有兴趣可以了解一下绘图篇量化投资常用技能--绘图篇 1:绘制股票收盘价格曲线和och ...
量化投资常用技能——指标篇2：详解BOLL(布林线)指标，及其代码实现和绘图
量化投资常用技能系列文章目录我们已经介绍了三篇关于量化投资方面绘图的文章和一篇指标类的推导和介绍的文章,大家有兴趣可以了解一下绘图篇量化投资常用技能--绘图篇 1:绘制股票收盘价格曲线和och ...

最新文章

热门文章