讲师中心 微信公众号
AI工具推荐 视频效率加速

谷歌浏览器开发者工具Network面板不记录请求该怎么办?

大浩姑娘_2550

大浩姑娘_2550

发布时间:2026-08-30 11:03:24

|

782人浏览过

|

来源于php中文网

原创

Network面板无请求显示需先开启红色实心录制圆点,再勾选Preserve log和Disable cache,清空过滤器并选All,禁用干扰扩展,最后禁用OutOfBlink CORS实验选项。

谷歌浏览器开发者工具network面板不记录请求该怎么办?

谷歌浏览器开发者工具Network面板不记录请求,页面明明在加载、接口明明已发出,但Name列空空如也,连HTML文档请求都看不到——这不是网页没发请求,而是Chrome的录制开关、缓存策略、过滤设置或扩展干扰正在屏蔽你的调试视线。

确认并开启Network实时录制

Network面板默认不捕获历史请求,必须手动启动实时录制。右上角那个红色圆点(●)才是关键开关:灰色、空心或带斜杠状态=录制已暂停,此时刷新页面绝不会产生任何记录。

单击该红色圆点,确保它变为【实心高亮红色】;若图标未变红,后面所有操作都无效。

刷新页面前务必肉眼确认此状态。

强制触发真实请求并保留日志

页面刷新后请求消失,往往不是没发,而是被清空了;缓存命中则根本不会走网络,自然不会出现在Network里。

第一步:在Network面板左上角,勾选【Preserve log】;

第二步:在同一区域,勾选【Disable cache】;

这两项必须同时启用:前者防止跳转/刷新清空历史,后者强制触发真实HTTP请求而非读取本地缓存。缺一不可,否则你看到的可能只是上次残留或完全无记录。

第三步:按 Ctrl+R(Windows)或 Cmd+R(Mac)刷新页面。

重置过滤器到全量显示

过滤器一旦误设,会把全部请求悄悄屏蔽掉,面板看起来就像没请求一样,实际是“看不见”而非“没发生”。新手最常踩的坑是只勾选了“XHR”,结果HTML、CSS、JS、图片等全都不见。

方法一:点击Network左上角漏斗图标 → 清空Filter输入框 → 点击“All”标签 → 取消勾选“Has blocked cookies”、“3rd-party”、“Blocked”三项。

page-agent 浏览器控制(CDP)
page-agent 浏览器控制(CDP)

使用 page-agent CLI(CDP)控制浏览器;CLI只能通过 GitHub Release 的 .tgz 安装,npm 官方包暂未发布。

下载

方法二:直接按Esc键清空搜索框,再点击“All”,比逐个点更快更可靠。

排查扩展与隐身模式干扰

广告拦截器(如uBlock Origin)、隐私增强插件(如Privacy Badger)会主动阻止请求上报至DevTools,造成Network空白假象,且不报错、无提示。

关闭所有扩展:点击Chrome右上角三点菜单 → 更多工具 → 扩展程序 → 将全部开关设为关闭。

新开无痕窗口:按 Ctrl+Shift+N(Windows)或 Cmd+Shift+N(Mac)→ 访问同一网页 → 按F12打开DevTools → 切换到Network → 刷新页面。

若无痕模式下请求正常出现,问题100%出在某个扩展。

禁用OutOfBlink CORS实验选项(专治OPTIONS消失)

Chrome 76+版本中,跨域预检请求(OPTIONS)默认被隐藏,尤其在前后端分离调试时,你明明看到CORS错误,却死活找不到OPTIONS条目——它被实验性功能悄悄过滤了。

在DevTools任意面板内,按下 Ctrl+Shift+P(Windows)或 Cmd+Shift+P(Mac)调出命令菜单;

输入 chrome://flags/#out-of-blink-cors 并回车;

将该实验选项从“Enabled”改为“Disabled”;

重启浏览器。

相关文章

谷歌浏览器
谷歌浏览器

谷歌浏览器Google Chrome是一款可让您更快速、轻松且安全地使用网络的浏览器。Google Chrome的设计超级简洁,使用起来得心应手。这里提供了谷歌浏览器纯净安装包,有需要的小伙伴快来保存下载体验吧!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

小橡皮AI

一款AI工具,主要用于小橡皮一键去AI味,将机器味重的内容改得更有活人感,防止因为 AI 内容被平台打上 AI 标签,以及限流,适合需要提升相关任务效率的用户。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

相关专题

更多
Docker Desktop怎么设置端口映射
Docker Desktop怎么设置端口映射

本专题聚焦Docker Desktop容器端口映射与访问配置,整理从创建容器、设置端口绑定到验证本地服务访问的操作流程。针对端口被占用、映射配置错误、容器服务无法访问等情况,也提供相应的检查方向,方便用户完成端口配置。

0

2026.11.03

Docker Desktop镜像构建教程
Docker Desktop镜像构建教程

想使用Docker Desktop将本地项目构建成Docker镜像?本专题围绕镜像构建的实际操作展开,介绍Dockerfile编写、构建命令使用、镜像标签设置和构建日志查看等内容,同时整理镜像无法生成、依赖安装失败及构建缓存异常等问题的排查思路。

0

2026.11.03

Docker Desktop容器创建指南
Docker Desktop容器创建指南

本专题聚焦Docker Desktop容器创建与运行配置,介绍通过本地镜像或远程镜像创建容器的方法,以及容器启动、终端访问、日志查看和基础管理等操作。针对端口冲突、参数配置不当、容器无法启动等情况,也整理了相应的排查方向。

0

2026.11.03

Tailwind CSS 如何制作导航栏和卡片
Tailwind CSS 如何制作导航栏和卡片

用 Tailwind CSS 制作导航栏和卡片,可先搭建语义化结构,再组合 Flex、Grid、间距、圆角与阴影类。这里整理横向导航、移动端菜单、卡片网格及悬停效果的相关文章,帮助你把常见页面组件做得清晰且适配不同屏幕。

0

2026.11.03

Tailwind CSS 响应式布局怎么写
Tailwind CSS 响应式布局怎么写

Tailwind CSS 响应式布局通常从移动端样式写起,再用 sm、md、lg 等前缀调整不同屏幕宽度下的网格、间距和导航。本专题整理断点配置、Grid 与 Flex 自适应布局及常见溢出问题,帮助你逐步完成多设备适配。

0

2026.11.03

Tailwind CSS 常用类名怎么记
Tailwind CSS 常用类名怎么记

Tailwind CSS 类名很多,先按布局、间距、文字、颜色和状态分组记忆,再通过官方文档检索具体写法。本专题结合类名排序、动态拼接失效、自定义实用类等问题,帮助你建立常用类名的速查方法。

0

2026.11.03

码上飞入口地址合集
码上飞入口地址合集

本专题汇总了码上飞(CodeFlying)的官方入口地址合集,涵盖官网主站及网页版在线使用入口,支持注册登录后直接在线体验零代码AI应用生成。同时整理了APP端下载渠道与小程序入口,助你快速访问平台,通过自然语言描述需求即可生成应用、小程序或网站。

0

2026.11.03

Uvicorn 报错与问题解决教程
Uvicorn 报错与问题解决教程

本专题汇总了Uvicorn服务器常见问题与报错解决的教程合集,涵盖启动失败、端口占用、模块导入错误、事件循环冲突及热重载失效等典型故障的排查思路。同时整理了多进程与Worker配置、SSL/HTTPS证书报错、跨域与代理配置等实战解决方案,助你快速定位并解决Uvicorn运行中的各类问题。

20

2026.11.02

Uvicorn使用教程
Uvicorn使用教程

本专题汇总了Uvicorn使用教程与启动运行指南,涵盖其作为Python ASGI服务器的定位与特点,以及命令行启动(uvicorn main:app --reload)、参数配置(host/port/workers)、程序内嵌运行与Gunicorn结合部署等核心用法。同时整理了热重载调试、日志配置与生产环境部署优化等技巧,助你快速掌握Uvicorn的运行与配置。

40

2026.11.02

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn