Thay đổi Kích thước Phông chữ của Trang Web trong Safari dành cho iOS bằng Bookmarklets
Mọi người đã từng gặp một trang web có kích thước phông chữ nhỏ đến mức khó chịu trên thiết bị iOS, thông thường, cử chỉ chụm ngược sẽ làm cho văn bản dễ đọc nhưng trên một số trang có chiều rộng cố định thì bạn phải cuộn đi ngang ngoài lên và xuống. Bạn có thể vượt qua giới hạn kích thước phông chữ đó bằng cách sử dụng tính năng Trình đọc trên iPhone hoặc iPad, nhưng điều đó cũng không lý tưởng cho mọi trang web.Đây chính là điều mà hai dấu trang nhỏ tiện dụng hướng đến để giải quyết, bằng cách tạo hai nút tăng và giảm kích thước phông chữ có thể truy cập trực tiếp trong Safari.
Phần bổ sung này hữu ích đến mức khái niệm này có thể nên được đưa vào các phiên bản Safari dành cho iOS trong tương lai nhưng chỉ thời gian mới biết điều đó có xảy ra hay không. Trong thời gian chờ đợi, đây là những gì bạn cần làm để tính năng này hoạt động.
Lặp lại quy trình này riêng cho cả chức năng tăng và giảm:
- Mở Safari trên iPad hoặc iPhone và tạo dấu trang cho bất kỳ trang nào
- Nhấn vào nút Dấu trang ở đầu màn hình và chọn “Chỉnh sửa”
- Chỉnh sửa dấu trang mới tạo, đặt tên dấu trang là dấu trừ (-) hoặc dấu cộng (+) và thay thế URL bằng cách dán mã javascript thích hợp được hiển thị bên dưới, tùy thuộc vào chức năng mong muốn
- Lưu thay đổi dấu trang và tải trang web mới, chạm vào nút + hoặc – để kiểm tra trực tiếp thay đổi kích thước phông chữ. Làm mới trang sẽ khôi phục kích thước phông chữ về mặc định.
Giảm cỡ chữ (-)
1 |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s-=2;p.style.fontSize=s+px} " |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s-=2;p.style.fontSize=s+px}"
Tăng cỡ chữ (+)
1 |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s+=2;p.style.fontSize=s+px} " |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s+=2;p.style.fontSize=s+px}"
Các tinh chỉnh bookmarklet này hoạt động bằng cách chỉnh sửa URL của dấu trang và thay thế nó bằng javascript thay đổi hành vi của trang, các bookmarklet tùy chỉnh tương tự đã cho phép chúng tôi Xem Nguồn Trang trong iOS Safari và thậm chí sử dụng Firebug trên iOS.
Giải pháp rất tiện dụng này đến từ Marcos.Kirsch.com.mx, người khuyên bạn nên đặt chúng vào thanh dấu trang Safari để dễ dàng truy cập.