小编Nat*_*iet的帖子

当我使用 Chrome 测试缓存处理中的奇怪行为时（我在这里询问了一些相关问题），我发现了一些其他内容：当服务器返回 304 响应时，Chrome 开发工具会显示 200 状态代码。

在这里您可以看到 chrome 开发工具所说的内容 (200)，我包含了一个显示服务器 304 响应的wireshark 捕获。

下面是 Firefox 的相同用法，其中显示了 304 代码：

更有趣的是两个浏览器之间的时间差异：

Firefox 没有显示接收部分的延迟，但 Chrome 表示花了 3.91 毫秒。

您知道 Chrome 为何不显示正确的状态代码吗？

如果你想自己测试一下，这里是服务器代码：

#!/usr/bin/env node

'use strict';

const express = require('express');
const cors = require('cors');
const compression = require('compression');
const pathUtils = require('path');
const fs = require('fs');

const http = require('http');
let app = express();
app.disable('x-powered-by');
app.use(express.json({ limit: '50mb' }));
app.use(cors());
app.use(compression({}));
app.use(function (req, res, next) {
    res.set('Cache-control', 'no-cache');
    console.log(req.headers); …

当Android的Google Chrome地址栏被屏蔽时,我在调整元素大小时遇到​​了一些麻烦.这个问题仅在一周前出现.

我将我的html和我的身体的高度设置为100%,我的元素位于绝对位置.当我屏蔽地址栏时,html元素不占用100%的高度,因此其子项未正确放置.

这是一个例子:

html{
	height: 100%;
}
body{
  background-color: #11afa5;
  height: 100%;
}
.secondary{
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #38d025;
}
#BR{
  top: 75%;
  transform: translate(0,-25%);
  right: 15px;
}
#MR{
  top: 50%;
  transform: translate(0,-50%);
  right: 15px;
}
#TR{
  top: 25%;
  transform: translate(0,-75%);
  right: 15px;
}
#BL{
  top: 75%;
  transform: translate(0,-25%);
  left: 15px;
}
#ML{
  top: 50%;
  transform: translate(0,-50%);
  left: 15px;
}
#TL{
  top: 25%;
  transform: translate(0,-75%);
  left: 15px;
}

<body>
	<div class="secondary" id="TL">TL</div>
	<div class="secondary" id="ML">ML</div>
	<div …