谷歌浏览器使用总结

插件安装

离线插件安装

下载下来.crx扩展名的文件

打开谷歌浏览器--更多工具--扩展程序--开发者模式打开；将文件拖拽到页面上根据提示安装

如果拖拽不显示安装，可以将文件重命名为.zip文件，并进行解压，在扩展程序页面点击加载已解压的扩展程序，选择对应解压后的文件夹，就可以进行安装了

浏览器崩溃

参考：https://blog.csdn.net/chailihua0826/article/details/133903935

方法一：以兼容模式运行

找到快捷方式，右键-属性-兼容性，勾选兼容模式和系统（win11也可以选择window8）,更改所有用户的设置，点击确定后重新启动谷歌浏览器试试

开发者工具

Timing标签

内容说明

Stalled
是浏览器得到要发出这个请求的指令到请求可以发出的等待时间，一般是代理协商、以及等待可复用的TCP连接释放的时间，不包括DNS查询、建立TCP连接等时间等

DNS Lookup 
时间执行DNS查找。每个新域pagerequires DNS查找一个完整的往返。 DNS查询的时间，当本地DNS缓存没有的时候，这个时间可能是有一段长度的，但是比如你一旦在host中设置了DNS，或者第二次访问，由于浏览器的DNS缓存还在，这个时间就为0了。

Initial connection
建立TCP连接的时间，就相当于客户端从发请求开始到TCP握手结束这一段，包括DNS查询+Proxy时间+TCP握手时间。

Request sent 
请求第一个字节发出前到最后一个字节发出后的时间，也就是上传时间

Waiting for server response
请求发出后，到收到响应的第一个字节所花费的时间(Time To First Byte),发送请求完毕到接收请求开始的时间;这个时间段就代表服务器处理和返回数据网络延时时间了。服务器优化的目的就是要让这个时间段尽可能短。

Content Download 
收到响应的第一个字节，到接受完最后一个字节的时间，就是下载时间

Network标签

控制器

Preserve log:页面刷新也不会清空请求

Disable cache:停用浏览器缓存

Online:有网，Fast 3G、Slow 3G:自定义网速，Offline:离线模拟

过滤器

按关键词过滤：支持正则，支持反向（-main.js）,支持文件格式

按类型过滤：

• All:该页面所有资源文件
• Fetch/XHR:XHR是 XMLHttpRequest 的缩写，由 JavaScript 发起的、用于与服务器进行异步数据交互的请求类型，Fetch也是发起异步数据请求，XHR是较老的技术，Fetch是现代、推荐的方式
• 按住Command（Mac）或Ctrl（Windows、Linux）可支持多个类型
• hide Data URLs：CSS图片等小文件以 BASE64 格式嵌入HTML中，以减少HTTP请求数。

按属性过滤：

• domain:仅显示来自指定域的资源。您可以使用通配符字符（*）纳入多个域
• has-response-header：显示包含指定HTTP响应标头的资源
• is：使用 is:running 可以查找 WebSocket 资源，is:from-cache 可查找缓存读出的资源
• Larget-than：显示大于指定大小的资源（以字节为单位）。将值设为1000等同于设置为1k
• method：显示通过指定 HTTP 方法类型检索的资源
• mime-type：显示指定 MIME 类型的资源
• mixed-content：显示所有混合内容资源（mixed-content:all）,或者仅显示当前显示的资源（mixed-content:displayed）
• scheme：显示通过未保护HTTP（scheme:http）或受保护 HTTPS（scheme:https）检索的资源。
• set-cookie-domain：显示具有 Set-Cookie 标头并且 Domain 属性与指定值匹配的资源。
• set-cookie-name：显示具有 Set-Cookie 标头并且名称与指定值匹配的资源。
• set-cookie-value：显示具有 Set-Cookie 标头并且值与指定值匹配的资源。
• status-code：仅显示 HTTP 状态代码与指定代码匹配的资源。

多属性间通过空格实现 AND 操作。

时间轴

资源内容

默认时间排序，支持点击表头字段切换排序。

点击资源内容信息对应的请求时间范围会在时间轴上高亮

Name：资源的名称

Status：HTTP状态代码

Type：请求的资源的MIME类型

Initiator：发起请求的对象或进程。它可能有以下几种值：

• Parser（解析器）：Chrome的 HTML 解析器发起了请求（鼠标悬停显示JS脚本）
• Redirect（重定向）：HTTP重定向启动了请求
• Script（脚本）：脚本启动了请求
• Other：请求是由其他进程发起的，比如用户点击一个链接跳转到另一个页面或者在地址栏输入URL地址。

Size：服务器返回的响应大小（包括头部和包体），可显示解压后大小

Time：总持续时间，从请求的开始到接受响应中的最后一个字节

Waterfall：各请求相关活动的直观分析图

 

资源内容操作

右键资源内容，

copy

可以方便复制出各种内容或请求整个复制出来

请求详情：

左键单机请求的name列中的名字

 

Headers：查看头部，包括请求头、响应头。

Preview：预览响应正文：查看图像用

Response：查看响应正文

Timing：时间详细分布

Cookies：如果选择的资源在Request和Response过程中存在Cookies信息，则Cookies标签会自动显示出来，在里面可以查看所有的Cookies信息。

Timing：

Queued at 请求进入浏览器队列的时间（从页面加载开始计时）。

Started at请求实际开始处理的时间（可能因队列阻塞延迟）。 在本示例中队列等待时间 = Started at - Queued at = 0ms（本例中无延迟）

右下脚的时间：总耗时，不包括 Queued at 和 Started at 的时间

资源调度（Resource Scheduling）

  Queuing:请求在浏览器队列中等待的时间

连接阶段（Connection Start）

  Stalled ：请求被阻塞但尚未开始连接的时间，如等待可用 TCP 连接，等待重定向（如 301/302 跳转）

  DNS Lookup ：域名解析时间（将域名转换为 IP 地址）

  Initial connection：建立 TCP 连接的时间，高耗时可能因网络延迟或服务器响应慢。

  SSL ：TLS/SSL 握手时间（加密连接协商）。

请求/响应阶段（Request/Response）

  Request sent：发送 HTTP 请求头的时间（通常极短）

  Waiting for server response：最关键的性能指标：服务器处理请求并返回响应的时间，高耗时可能因服务器处理逻辑复杂（如数据库查询）。后端代码效率低。服务器负载过高。

  Content Download：下载响应主体（如 HTML、JSON 数据）的时间，高耗时可能因响应体过大或网络带宽限制。

资源概况

requests：当前已加载的请求数量 / 页面总共需要加载的请求数量。

transferred：已传输的数据量 / 预计需要传输的总数据量。

resources：已加载的资源大小 / 页面所有资源的总大小。

Finish：预计页面完全加载完成的时间。

DOMContentLoaded：DOM 结构完全加载并解析完成的时间。此时页面 HTML 已加载完毕，但可能仍有 CSS、JS、图片等资源在加载中。

Load：页面所有资源（包括图片、CSS、JS 等）完全加载完成的时间。衡量页面加载完成的标准指标。