Hôm rồi chợt nhận ra điều là Safari của Apple chưa hỗ trợ hiển thị ảnh WebP. Vậy là cái plugin Hura Apps Photos cho WordPress phải viết lại vì lúc nâng cấp lên phiên bản mới để tối ưu nên mặc định mình lấy hình chuẩn WebP.
Giờ để giải quyết là phải phân biệt được nếu trình duyệt của khách là Safari thì mình sẽ hiển thị ảnh bình thường (PNG, JPG,…), nếu các trình duyệt khách thì lấy ảnh webp. JavaScript thì làm được rồi còn PHP thì sao. Và sau 1 hồi tìm kiếm thì đây là đoạn mã cần dùng.
1 2 3 | function isSafari($ua) { return preg_match("/^((?!chrome).)*safari/i",$ua) && stripos($ua,' version/')!==false && stripos($ua,'mqqbrowser')===false; } |
Huỳnh Mai Anh Kiệt
- Advertisement -
