Tiếp tục là là một hướng dẫn nữa về Header Editor (HE):
Sử dụng HE để ép ảnh ọt cache vĩnh cữu như BetterCache
Nếu bạn đã dùng Firefox lâu đời từ hồi Firefox 3 thì có một addon huyền thoại hồi bất giờ được gọi là BetterCache, addon này dù cho trang web cố tình không cho ảnh/video được cache nó vẫn ép cho ảnh/video được cache vĩnh cửu vào ổ đĩa, mà sau đó người dùng Firefox có thể sử dụng CacheBrowser để thu thập cache lấy những bức ảnh hay video mà trang web hoàn toàn cấm tải về.
Addon trên hiện đã
chết.
Tuy nhiên thật may HE đã được sinh ra đời và hoàn toàn có thể thay thế addon này, thì đầu tiên mình cần bổ túc kiến thức về cache trình duyệt web, trình duyệt web cache ra làm sao ? Bởi mình luôn viết trên tinh thần
hiểu sâu và dễ hiểu, chứ không để tồn tại khúc mắc gì cả.
Trình duyệt web sau khi kết nối với trang web, trang web trả về một bức ảnh thì trang web hoàn toàn có quyền ép trình duyệt cache cái ảnh đó hoặc không với HTTP Response Header
Cache-Control
(không nhắc tới Expires, Etag vì Cache-Control chiếm quyền cao nhất), nếu là
no-store
thì
kể cả file ảnh hoàn hảo cho việc cache thì trình duyệt vẫn bỏ mứa nó, còn nếu
max-age
quá thấp kiểu
max-age=123
thì file ảnh sẽ chỉ được cache trong 123 giây, tất cả những sai lầm trên vẫn đang được các lập trình web gây hàng ngày, và với HE ta có thể sửa lại sai lầm của họ mà không cần phải hỏi ý kiến của họ.
Cách thức thực hiện, nói chung hiện tại do chưa có thời gian nên mình chỉ kiếm được trang này mà lập trình web không hề cho trình duyệt cache ảnh:
Chapter 1: The monster girl - Namae no nai Kaibutsu (https://mangakatana.com/manga/namae-no-nai-kaibutsu.23302/c1)
Cache-Control
https://i5.mangakatana.com/token/aa7640f8601024563960r%3At%3A722.10np2p-3c1r0w%3Ar%3A198%3A9q6s01339r0/0.jpg
trả về ngu học
must-revalidate, post-check=0, pre-check=0
khiến trình duyệt không cache được.
Vậy sửa sao ? Header Editor -> Tạo một rule mới:
- Name:
Better Cache
- Modify Response Header
- Regular Expression
- Match:
^.*?(?:mangakatana.com/token/)
- Header:
Cache-Control
- Value:
max-age=31536000, s-maxage=31536000, immutable
Nghĩa là khiến cache được lưu vĩnh cửu (31536000), bất biến (immutable) nên không bao giờ xác thực. Thêm tùy ý bằng cách sửa phần Match nhé, thêm
|
rồi thêm trang web.
Vào lại trang web F5 vài lần sẽ thấy cache được lưu vĩnh cửu, nếu vào
about:cache
hay có Cache Browser có thể chiết xuất cache ảnh ra lưu lại hàng loạt vì thực tế nó ở ổ đĩa của mình vĩnh cửu rồi, sớm muộn nó cũng là của mình.
Cực hiệu quả khi dùng cache ổ đĩa nhé, cache RAM thì không quan tâm đâu.