使用书签更改 iOS 版 Safari 中网页的字体大小
每个人都遇到过网页字体在iOS设备上小得难以忍受,通常反向捏合手势可以使文本清晰可辨,但在某些具有固定宽度的页面上则必须滚动横盘除了上下。您可以通过使用 iPhone 或 iPad 上的阅读器功能来绕过字体大小限制,但这也不是每个网站的理想选择。这正是两个方便的书签旨在解决的问题,通过创建两个可以在 Safari 中直接访问的字体大小增加和减少按钮。
这一新增内容非常有用,因此该概念可能会包含在未来版本的iOS 版Safari 中,但只有时间才能证明是否会发生这种情况。在此期间,您需要执行以下操作才能使其正常工作。
分别对增加和减少函数重复此过程:
- 在iPad或iPhone上打开Safari并为任何页面创建书签
- 点击屏幕顶部的书签按钮并选择“编辑”
- 编辑新创建的书签,将其命名为减号(-) 或加号(+) 并通过粘贴下面显示的适当javascript 代码来替换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}"
这些小书签调整通过编辑书签URL并将其替换为改变页面行为的javascript来工作,类似的自定义小书签允许我们在iOS Safari中查看页面源代码,甚至在iOS上使用Firebug。
这个非常方便的解决方案来自Marcos.Kirsch.com.mx,他建议将它们放在Safari 书签栏中以便于访问。