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

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

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