Chia sẻ kinh nghiệm về nguyên nhân và cách khắc phục lỗi bí hiểm khiến một số hình ảnh trên các trang web không hiển thị trên các trình duyệt.
1. Truy tìm nguyên nhân sơ bộ: Lỗi do phần mềm diệt virus KIS!
Cách khắc phục tạm thời: Tắt KIS!
2. Nguyên nhân và cách khắc phục triệt để
Sau khi tìm hiểu nguyên nhân sâu xa, thì lý do mà KIS chặn các bức ảnh là do trong đường dẫn của các bức ảnh có chứa chữ "banners"! Một lý do lãng xẹt!
http://abc.com/path/banners/pic.jpg
Cách khắc phục:
- Đưa trang web vào danh sách trắng trong phần Anti-Banner của KIS, hoặc,
- Không chứa ảnh trong những thư mục “chết chóc” có tên là “banners“!
Ngoài thư mục banners, ghi nhận thêm một số dạng URL sẽ bị chặn bởi tính năng Anti-Banner của KIS:
http://abc.com/path/adv/pic.jpg
http://st.polyad.net/AdImages/2015/05/25/SamSung_120x300_20150522_V2.jpg
Nói chung là khi đặt tên thư mục, tránh mấy chữ banner, adv, ad,… ra. Để an toàn, đặt tên thư mục là tiếng Việt không dấu cho lành!
3. Kết luận
Trong quá trình làm web, làm phần mềm, có rất nhiều những lỗi bất ngờ sẽ phát sinh. Lúc ấy chúng ta phải có biện pháp cô lập lỗi, tìm nguyên nhân chính xác rồi tiến hành sửa lỗi triệt để. Sau quá trình sửa lỗi thành công, hãy ghi nhớ lại vào đâu đó vì rất có thể lỗi đó sẽ lặp lại trong tương lai. Người coder cũng giống như những chiến sĩ công an nhân dân vậy, và quá trình tìm, sữa lỗi cũng cam go, vất vả, gay cấn chả kém gì quá trình điều tra, phá án cả! Chúc các bạn thành công và luôn là những chiến sĩ code giỏi!
Tham khảo thêm: How to Fix a Broken Image
Ví dụ một trang dính lỗi không hiển thị ảnh quảng cáo do bị chặn bởi Anti-Banner của KIS: Click here
Cheers,
Lục Đức Thành
Latest posts by Lục Đức Thành (see all)
- Cách hiển thị lượt truy cập ra ngoài front-end - 12/02/2023
- Sửa lỗi “không start được MySQL trong XAMPP” - 21/06/2020
- WordPress 5 có gì mới? - 23/12/2018
- Sublime Text 3 Portable Windows 64 bit - 11/12/2017
- Kỹ thuật nhúng font vào web và WordPress Theme - 12/11/2017
Line 67: <img id="user_avatar" src="” style=”width: 45px;height: 45px;border-radius: 50%” />