เปลี่ยนขนาดตัวอักษรของหน้าเว็บใน Safari สำหรับ iOS ด้วย Bookmarklets
ทุกคนเคยเจอหน้าเว็บที่มีขนาดตัวอักษรเล็กจนทนไม่ได้บนอุปกรณ์ iOS โดยทั่วไปแล้ว การบีบนิ้วกลับจะทำให้ข้อความอ่านง่าย แต่ในบางหน้าที่มีความกว้างคงที่ คุณต้องเลื่อน ด้านข้างนอกเหนือจากขึ้นและลง คุณสามารถหลีกเลี่ยงข้อจำกัดขนาดตัวอักษรได้โดยใช้ฟีเจอร์ Reader บน iPhone หรือ iPad แต่ก็ไม่เหมาะสำหรับทุกเว็บไซต์เช่นกันนี่คือสิ่งที่ bookmarklet ที่มีประโยชน์ 2 ชิ้นมีเป้าหมายเพื่อแก้ไข โดยการสร้างปุ่มเพิ่มและลดขนาดแบบอักษร 2 ปุ่มที่สามารถเข้าถึงได้โดยตรงใน Safari
ส่วนเพิ่มเติมนี้มีประโยชน์มากจนแนวคิดนี้น่าจะรวมอยู่ใน Safari เวอร์ชันอนาคตสำหรับ iOS แต่เวลาเท่านั้นที่จะบอกได้ว่าจะเกิดขึ้นหรือไม่ ในระหว่างนี้ นี่คือสิ่งที่คุณต้องทำเพื่อให้การทำงานนี้สำเร็จ
ทำซ้ำขั้นตอนนี้แยกกันสำหรับทั้งฟังก์ชันเพิ่มและลด:
- เปิด Safari บน iPad หรือ iPhone แล้วสร้างบุ๊กมาร์กสำหรับหน้าใดก็ได้
- แตะปุ่มบุ๊กมาร์กที่ด้านบนของหน้าจอ แล้วเลือก “แก้ไข”
- แก้ไขบุ๊กมาร์กที่สร้างขึ้นใหม่ โดยตั้งชื่อเป็นเครื่องหมายลบ (-) หรือบวก (+) และแทนที่ URL โดยวางโค้ดจาวาสคริปต์ที่เหมาะสมตามที่แสดงด้านล่าง ขึ้นอยู่กับฟังก์ชันที่ต้องการ
- บันทึกการเปลี่ยนแปลงบุ๊กมาร์กและโหลดหน้าเว็บใหม่ แตะที่ปุ่ม + หรือ – เพื่อทดสอบการเปลี่ยนแปลงขนาดตัวอักษรแบบสด การรีเฟรชหน้าจะคืนค่าขนาดแบบอักษรเป็นค่าเริ่มต้น
ลดขนาดตัวอักษร (-)
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}"
เพิ่มขนาดตัวอักษร (+)
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}"
การปรับแต่ง bookmarklet เหล่านี้ทำงานโดยการแก้ไข URL บุ๊กมาร์กและแทนที่ด้วยจาวาสคริปต์ที่เปลี่ยนแปลงพฤติกรรมของเพจ บุ๊กมาร์กเล็ตที่กำหนดเองที่คล้ายกันช่วยให้เราสามารถดูแหล่งที่มาของเพจใน iOS Safari และแม้แต่ใช้ Firebug บน iOS
โซลูชันที่มีประโยชน์มากนี้มาจาก Marcos.Kirsch.com.mx ซึ่งแนะนำให้วางไว้ในแถบบุ๊กมาร์กของ Safari เพื่อให้เข้าถึงได้ง่าย
