为了账号安全,请及时绑定邮箱和手机立即绑定

预加载 html 中的图像会发出警告消息

预加载 html 中的图像会发出警告消息

DIEA 2023-08-29 18:06:41
使用预加载要在页面中使用的图像link preload<link rel="preload" href="http://shmdhussain.github.io/WebTest/test_img/blue.png" crossorigin="anonymous" as="image">但在浏览器中收到警告找到“ https://shmdhussain.github.io/WebTest/test_img/blue.png ”的预加载,但未使用,因为请求凭据模式不匹配。考虑查看跨域属性。我希望它能工作,但我看到同一资源(图像)有两次下载请参阅此演示https://hussain-test.glitch.me/,打开控制台查看警告,提前感谢您的帮助。<!DOCTYPE html><html><head>  <meta charset="utf-8" />  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />  <title>HTML BolierPlate</title>  <link rel="preload" href="https://shmdhussain.github.io/WebTest/test_img/blue.png" crossorigin="anonymous" as="image">  <style>    .font32 {      font-size: 32px    }  </style></head><body>  Welcome to BoilerPlate!!!  <p>    <img src="https://shmdhussain.github.io/WebTest/test_img/blue.png">  </p></body></html>
查看完整描述

1 回答

?
侃侃无极

TA贡献2051条经验 获得超10个赞

预加载图像时无需使用跨域!镜像不需要CORS

只需删除跨域即可

使用 crossorigin,您将看到一次失败的预加载和一次成功的加载


查看完整回答
反对 回复 2023-08-29
  • 1 回答
  • 0 关注
  • 130 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信