使用預(yù)加載要在頁面中使用的圖像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 ”的預(yù)加載，但未使用，因?yàn)檎?qǐng)求憑據(jù)模式不匹配?？紤]查看跨域?qū)傩?。我希望它能工作，但我看到同一資源（圖像）有兩次下載請(qǐng)參閱此演示https://hussain-test.glitch.me/，打開控制臺(tái)查看警告，提前感謝您的幫助。<!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貢獻(xiàn)2051條經(jīng)驗(yàn) 獲得超10個(gè)贊
預(yù)加載圖像時(shí)無需使用跨域！鏡像不需要CORS
只需刪除跨域即可
使用 crossorigin，您將看到一次失敗的預(yù)加載和一次成功的加載
- 1 回答
- 0 關(guān)注
- 176 瀏覽
添加回答
舉報(bào)
0/150
提交
取消