时间戳

首页 > 解决方案 > html\http dns-prefetch 和预连接证明

html - html\http dns-prefetch 和预连接证明

问题描述

我想测试我的浏览器是否支持资源提示，即 dns-prefetch、preconnect 等。

我创建了一个简单的html文件，名称index.html如下

<!doctype html>
<html>
<head>
  <link rel="dns-prefetch" href="//www.wikipedia.org">
</head>
<body>
</html>

我在本地启动了 nginx 服务index.html如下

docker run --rm -it -p 80:80 -v $PWD:/usr/share/nginx/html nginx:latest

我启动了chromium（版本 88.0.4283.0（开发人员构建）（x86_64）），并以访客用户身份浏览（以保证新的浏览器会话）。

我启动了netlog 转储（启动了 netlog 转储），在一个新选项卡中我导航到localhost并index.html获得了服务，然后我停止了转储。

我在netlog-viewer中打开了 netlog 转储并导航到 DNS 选项卡，但没有www.wikipedia.org.

  1. 为了看到dns-prefetch资源提示按预期工作，缺少什么？
  2. 与前一个问题相同的问题preconnect

我看了这个答案，但它对我没有帮助。也尝试附加crossorigin到<link>标签，但仍然没有改变任何东西。

更新：

为了进一步调试问题，我补充说<link rel="preconnect" href="//localhost:8080">，在不同的端口上启动了另一个本地 http 服务器，该服务器在建立连接时记录，并重复前面提到的步骤。然而，没有日志显示在preconnect.

标签： htmlgoogle-chromegoogle-chrome-devtoolschromium

解决方案

推荐阅读