1. 程式人生 > 其它 >chrome外掛開發 | 微信公眾號圖片禁止懶載入

chrome外掛開發 | 微信公眾號圖片禁止懶載入

最近一直有一個煩惱,很多微信的好文章想列印成pdf儲存下來。但是由於微信啟動了懶載入圖片,未閱讀的圖片就不顯示。以至於列印的結果是圖片都是一些佔位符。那麼我就想到寫一個簡單的chrome外掛,實現禁用懶載入就好了。

---------------引

實現原理:

chrome 外掛怎麼開發我就不介紹了,微信文章頁面預設會載入兩個js:

biz_wap/ui/lazyload_img.js

js/biz_wap/ui/lazyload_img42f400.js

從字面上就能理解,就是實現圖片懶載入的功能,然後就可以看到每個圖片連結都有一個 wx_lazy=1 欄位,那麼想法就是禁用上面兩個js咯,或者去掉 wx_lazy=1 欄位,或者把 wx_lazy=0 。請看下圖:

上面方法行不通。原因是禁用 lazyload_img.js 圖片都不給你載入了,別說懶載入了。那麼 lazyload_img.js 到底在做什麼事情呢?其實只是監控使用者滑動螢幕位置,在可視範圍內載入圖片,把 data-src 欄位載入到 src 就顯示圖片了。。

那麼按照這個思路,只要覆寫 lazyload_img.js 功能,把所有 data-src欄位改為 src就好了,這樣圖片就有 src 路徑自然會顯示圖片了。

專案開源:

https://git.yoqi.me/lyq/wxNoLazy-Chrome

部落格地址:http://blog.yoqi.me/?p=15934