工作中 一手代码之 chrome 浏览器 Provisional headers are shown

文章讲述了在生产环境中遇到前端接口调用被拦截的问题,通过Chrome浏览器的设置解决该问题。同时,作者分享了如何利用chrome://flags调整实验功能,以及通过其他chrome命令如chrome://net-internals查看网络事件,chrome://components检查组件更新,管理Chrome的各类设置和行为。
摘要由CSDN通过智能技术生成

**问题描述:**前端正常调接口数据返回正常,测试环境正常,但是在生产环境下,问题出现了,有点电脑会出现调接口被拦截,查看请求头出现一个警告:如图:
在这里插入图片描述
查查这个警告是啥意思呢?
大概意思是 “显示了临时报文头”,浏览器第一次发送这个请求,请求被阻塞,未收到响应。当要求浏览器再次发送这个请求时,上个同样的请求都还没有收到响应,浏览器就会报这个警告。简而言之,就是请求并没有发出去。

解决办法:

  • Chrome浏览器地址栏输入“chrome://flags/#block-insecure-private-network-requests”;
  • “Block insecure private network requests”设置为“Disabled”;

顺便研究研究 chrome 浏览器还有啥设置呢?

实验项目
输入 chrome://flags,这个命令将打开 Chrome 浏览器的功能特性界面,我们可用来启用或者关闭某些 Chrome 的实验功能。flags 页面按照 Available、Unavailable 两种标签页显示项目,如果用户明确知道需要查找的实验项目,可以使用顶部的搜索栏,或者在地址栏直接输入 chrome://flags/#(项目名称),比如我要查找 overlay-scrollbars 项,那么只需要输入 chrome://flags/#overlay-scrollbars,即可直接定位到目标选项。

目前我对其中的三个选项手动进行了设置,分别是打开了 Overlay Scrollbars 和 Enable Material Design bookmarks(实现改变滚动条和书签的表现样式),关闭了 Hardware-accelerated video decode(为了解决与某个 Chrome 扩展有冲突的问题)。

设置页面
输入 chrome://settings将快速打开 Chrome 浏览器的设置页面,页面的内容分类划分为基础和高级设置选项,基础项细分为其他人、外观、搜索引擎、默认浏览器、启动时,高级项有隐私设置和安全性、密码和表单、语言、下载内容、打印、无障碍、系统、重置并清理,最后一个就是「关于 Chrome」的选项。

扩展程序页面
输入 chrome://extensions,这个命令方便取代以往进入两三级菜单才能打开浏览器已安装的扩展程序页面。另外,页面侧边栏还隐藏了键盘快捷键的页面,用户同样可在地址栏输入 chrome://extensions/shortcuts 快速打开,集中管理用户为每个扩展设置的键盘快捷键组合,以及设置是否在全局或者只在 Chrome 本身激活快捷键。

显示网络事件信息
输入 chrome://net-internals 后打开一个显示网络相关信息的页面,这个命令主要用来捕获浏览器生成的网络事件,默认会显示当前连接的网络服务事件,可导出数据、查看 DNS 主机解析缓存。

查看组件信息
输入 chrome://components,这个命令显示 Chrome 浏览器所有用到的组件,在这里可以查看常用的 Flash 组件的版本,并检查是否有更新。

查看哪些网页被禁止翻译
输入 chrome://translate-internals,打开浏览器内置翻译功能的页面,显示了页面是什么语言的情况下不提示翻译、哪些页面不再提示翻译、以及哪些语言组合是提示翻译,用户还可以手动关闭哪些以前设置过的翻译选项。

退出和重启浏览器
注意,首先这个不要着急输入这两条命令 chrome://quit、chrome://restart,它们分别可以实现退出和重启浏览器,其中重启命令间接实现了一键重启浏览器的目的。

查看所有的命令列表
用户如果还对如何找到这些浏览器命令感到困惑的话,输入 chrome://about 命令,将集中列出 Chrome 浏览器支持的所有的命令,分为了 Chrome URLs 以及 Debug 用途的命令。

其他命令
chrome://downloads:直接访问 Chrome 浏览器网页下载的文件。
chrome://history:直接访问 Chrome 浏览器访问的历史记录。
chrome://apps:访问 Chrome 浏览器中安装的应用的界面,可以对应用进行删除管理。
chrome://bookmarks:直接访问 Chrome 浏览器中我们收藏的标签。
chrome://dns:显示浏览器预抓取的主机名列表,让用户随时了解 DNS 状态。
chrome://devices:查看连接电脑的设备,比如传统打印机中,可设置添加打印机到 Google 云打印的入口。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

公诚士

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值