主流瀏覽器圖片反防盜鏈方法總結

目前豆瓣的圖片不能直接引用網址了，咱們又不想去下載下來放到本地，怎麼辦呢？

html

<img src="https://img1.doubanio.com/view/ark_article_cover/retina/public/55712959.jpg?v=1536826763.0" alt="">

 

 err

可是豆瓣的網站設置了防盜鏈的策略，會在後臺判斷請求的Referrer屬性是否是來自於一個非本域名的網站，若是來源不是本域名就返回403 forbidden。個人目的就是用最方便的方法使得個人頁面可以不受他的防盜鏈策略的影響

解決辦法

1.下載，存到本地，在爲所欲爲；

2.第三方代理

<img src="https:// images.weserv.nl/?url=img1.doubanio.com/view/photo/albumcover/public/p1139666687.webp" alt="">

 

不過美中不足的是，這個國外的網站在國內的訪問速度彷佛有點慢，有時候甚至還會被牆，這就有點尷尬了。

 

3. 刪除Header中的Referrer（訪問來源）

 

　　a.添加meta標籤

 

　　　　給頁面添加一個meta標籤，在meta標籤裏指定referrer的值 

　　　　

　　　　MDN的標準：  <meta name="referrer" content="no-referrer">

　　　　Whatwg的標準： <meta name="referrer" content="never">

 

　　b.添加ReferrerPolicy屬性

　　

　　　　ReferrerPolicy (MDN：引用頭將被徹底省略，沒有請求信息隨請求一塊兒發送。)

　　　　

　　　　<img src="https://img1.doubanio.com/view/photo/albumcover/public/p1139666687.webp" referrerPolicy="no-referrer" alt="">

兼容：

　　　　　　 <meta name="referrer" content="never">　　　　　　<meta name="referrer" content="no-referrer">　　　　　　　　referrerPolicy="no-referrer"

Chrome　　　　　　　   yes　　　　　　　　　　　　　　　　　　　　　　　　　yes　　　　　　　　　　　　　　　　　　　　　　　　　　yes

Firefox　　　　　　　　 yes　　　　　　　　　　　　　　　　　　　　　　　　　yes　　　　　　　　　　　　　　　　　　　　　　　　　　 yes Edge/IE　　　　　　　   yes　　　　　　　　　　　　　　　　　　　　　　　　　no　　　　　　　　　　　　　　　　　　　　　　　　　　  no