分析谷歌浏览器F12的功能

分析谷歌浏览器F12的功能-2020-3-15
devtools.pdf下载地址:

https://www.lanzous.com/iaaqmkd

设置

Dock side Focus debuggee Hide console drawer Search Run command Open file More tools Shortcuts Settings Help
停靠端 焦点调试 隐藏控制台抽屉 搜索 运行命令 打开文件 更多工具 快捷方式 设置 帮助

Help

Documentation Release notes Report a DevTools issue
文档 发布说明 报告开发工具问题

主横栏

Elements Console Sources Network Performance Memory Application Security Audits Adblock Plus
元素 控制台 调试程序 网络 性能 内存 存储 安全 审计 广告块升级版

1.Elements

Style Computed Event Listeners DOM Breakpoints Properties Accessibility
样式 估算 事件侦听器 DOM断点 属性 可访问性

2.Console

Default Verbose Info Warnings Errors
默认 冗长 资讯 警告 错误

3.Sources

Page Filesystem Overrides Content scripts Snippets
页面 文件系统 重写 内容脚本 片段

More options

Group by folder Open file
按文件夹分组 打开文件
Watch Call Stack Scope Breakpoints XHR/fetch Breakpoints DOM Breakpoints Global Listeners Even Listener Breakpoints
监视 调用堆栈 作用域 断点 XHR/fetch断点 DOM断点 全局侦听器 甚至侦听器断点

4.Network

Preserve log Disable cache
保留日志 禁用缓存

Throttling

Disabled Presets Custom
Online Fast 3G ,Slow3G ,Offline Add…
在线 快速3G、慢速3G、离线 添加
Hide data URLs Only show request with SameSite issues
隐藏数据URL 仅显示具有相同站点问题的请求

5.Performance

Screenshots Memory
截图 记忆

6.Memory

Profiles-配置文件
Select profiling type-选择分析类型

Heap snapshot Allocation instrumentation on timeline Allocation samping
堆快照 时间线上的分配检测 分配采样

Select JavaScript VM instance-选择JavaScript VM实例

Take snapshot Load
拍摄快照 加载

7.Application

Application Storage Cache Background Services Frames
应用程序 存储 缓存 后台服务

1.Application

Manifest Service Workers Clear storage
舱单 服务人员 清仓

1.Service Workers

Offline Update on reload Bypass for network
脱机 重新加载时更新 绕过网络

Service workers from other origins-其他来源的服务人员
https://blog.csdn.net/

Update Unregister
更新 注销
Source Status Clients Push Sync
状态 客户端 推送 同步

2.Clear storage

Usage o B used out of xxxxxMB storage quta Clear site data
使用量 o在xxxxx MB存储空间中用完的B数量 清除站点数据
Application Storage Cache
应用程序 存储 缓存
Unregister service workers Local and session storage,IndexedDB,Web SQL,Cookies Cache storage,Application cache
注销服务工作者 本地和会话存储、IndexedDB、Web SQL、Cookies 缓存存储、应用程序缓存

2.Storage

Local Storage Session Storage IndexedDB Web SQL Cookies
本地存储 会话存储 索引数据库 网页结构关系数据库 用户本地终端上的数据
Timestamp Event Origin SW Scope Instance ID
时间戳 事件 来源 软件作用域 实例ID

3.Cache

Cache Storage Application Cache
缓存存储 应用程序缓存

4.Background Services

Background Fetch Background Sync Notifications Payment Handler Push Messaging
后台获取 后台同步 通知 付款处理程序 推送消息

5.Frames

8.Security

Security overview-安全概述


This page is secure (valid HTTPS).
Certificate - valid and trusted
The connection to this site is using a valid, trusted server certificate issued by WoTrus OV SSL CA.
View certificate
Connection - secure connection settings
The connection to this site is encrypted and authenticated using TLS 1.2, ECDHE_RSA with P-256, and AES_128_GCM.
Resources - all served securely
All resources on this page are served securely.


此页是安全的(有效的HTTPS)。
证书-有效且可信
与此站点的连接使用的是由WoTrus OV SSL CA颁发的有效可信服务器证书。
查看证书
连接-安全连接设置
使用TLS 1.2、带P-256的ECDHE_RSA和AES_128_GCM对到此站点的连接进行加密和身份验证。
资源-安全服务
此页上的所有资源都已安全提供。

9.Audits

Categories Device Community Plugins(beta)
类别 设备 社区插件(测试版)
Performance,Progressive Web App,Best practices,Accessibility,SEO Mobile,Desktop Publisher Ads
性能,渐进式Web应用程序,最佳实践,可访问性,SEO 移动,桌面 发布者广告
发布了91 篇原创文章 · 获赞 101 · 访问量 3277

猜你喜欢

转载自blog.csdn.net/weixin_41096569/article/details/104877834