使用书签更改 iOS 版 Safari 中网页的字体大小

Anonim

每个人都遇到过网页字体在iOS设备上小得难以忍受,通常反向捏合手势可以使文本清晰可辨,但在某些具有固定宽度的页面上则必须滚动横盘除了上下。您可以通过使用 iPhone 或 iPad 上的阅读器功能来绕过字体大小限制,但这也不是每个网站的理想选择。这正是两个方便的书签旨在解决的问题,通过创建两个可以在 Safari 中直接访问的字体大小增加和减少按钮。

这一新增内容非常有用,因此该概念可能会包含在未来版本的iOS 版Safari 中,但只有时间才能证明是否会发生这种情况。在此期间,您需要执行以下操作才能使其正常工作。

分别对增加和减少函数重复此过程:

  1. 在iPad或iPhone上打开Safari并为任何页面创建书签
  2. 点击屏幕顶部的书签按钮并选择“编辑”
  3. 编辑新创建的书签,将其命名为减号(-) 或加号(+) 并通过粘贴下面显示的适当javascript 代码来替换URL,具体取决于所需的功能
  4. 保存书签更改并加载新网页,点击+或-按钮以实时测试字体大小更改。刷新页面恢复默认字号

减小字体大小(-)

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 书签栏中以便于访问。

使用书签更改 iOS 版 Safari 中网页的字体大小