为苹果 iPad 上的 Safari 浏览器添加文字放大/缩小按钮,随时调整网页字体大小

分类:iOS
2012-5-21 20:12

评论(6)
阅读(82454)

Tags: , , ,
    用苹果 iPad 浏览网页时,受屏幕尺寸限制,网页上的文字可能被缩得太小看不清楚。一般做法是两指张开放大网页,这样虽然能看清文字,但不得不经常左右滑动才能看到整个网页。下面介绍个文艺做法:只调节字体大小,网页尺寸不变,还是 iPad 一屏幕看全。

为苹果 iPad 上的 Safari 浏览器添加调整网页字体大小的按钮

    首先用苹果 iPad 随便打开两个网页,添加到 Safari 浏览器的书签栏(注意,是书签栏,不是直接加为书签)。我这里命名为 “加大字号” 和 “减小字号” 了,这名字随便写,你能看懂就行。但别就写个 “+” “-”,名字太短,点击时很容易点错(后面细说)。

为苹果 iPad 上的 Safari 浏览器添加调整网页字体大小的按钮

    编辑刚才那俩书签。如果书签栏里收藏了别的网页,我建议你把这两个调整字体大小的书签放在最上面(拖右侧的三横线)。点击 “>” 箭头,进入下图所示书签内容编辑界面。

为苹果 iPad 上的 Safari 浏览器添加调整网页字体大小的按钮

把那两个书签的地址分别换成下面这两段代码(你最好拿苹果 iPad 访问本篇博客,直接把代码复制粘贴进去。手敲太自虐了)

放大

javascript:var p=document.getElementsByTagName('*');for(i=0;i<p.length;i++){if(p[i].style.fontSize){var s=parseInt(p[i].style.fontSize.replace("px",""));}else{var s=12;}s+=2;p[i].style.fontSize=s+"px"}

缩小

javascript:var p=document.getElementsByTagName('*');for(i=0;i<p.length;i++){if(p[i].style.fontSize){var s=parseInt(p[i].style.fontSize.replace("px",""));}else{var s=12;}s-=2;p[i].style.fontSize=s+"px"}

为苹果 iPad 上的 Safari 浏览器添加调整网页字体大小的按钮

    再用苹果 iPad 浏览网页,文字看不清楚时,点几下 “加大字号” 或 “减小字号” 按钮,就能调整字体大小了。对比效果如上图所示。

为苹果 iPad 上的 Safari 浏览器添加调整网页字体大小的按钮

    您可以每次点击书签按钮,在下拉菜单里寻找那俩字体调节书签;经常用的话,不如在 Safari 设置里选上 “始终显示书签栏” 这一项(还能放点儿其他经常访问的网站,打开更方便些)。

    另外,理论上 iPhone、iPod touch 也能用该方法调整网页字体大小,但它们调书签栏可比 iPad 麻烦多了。而且书签弹出后完全看不到当前网页,也很难查看文字放大效果,实用性远不如 iPad 上好。还是两指张开,直接放大全网页吧。

方法来自 idownloadblog

Donald Email Homepage
2012-5-21 23:13
求QQ号~看了好常时间你的blog了。。
legion Email
2012-5-22 23:05
很好的方法. safari内核的都能用,iphone也可以. 我把s+=2改成10在iphone上可以一次调大. 多谢分享
victor
2015-4-11 22:50
博主:感谢你的方法。效果不错,但会遇到行距的问题,不知道有没有补充完善的方案?
Tom
2015-9-25 09:44
能一块儿加粗吗
Tom
2015-9-25 18:36
字体能同步放大缩小更好。最后再加一句可加粗
;p[i].style.fontSize=s+"px";p[i].style.fontWeight=600}
Shiri
2015-11-21 03:37
谢谢,很好,但我想把整个屏幕调小,因为IPad 屏幕下面内容被盖着了,用了三指点,关了缩放都不行,请问该怎么办啊?
分页: 1/1 第一页 1 最后页
  
  
发表评论
  
       昵称   [注册]    密码   游客无需密码   
         
    打开HTML     打开UBB     打开表情     隐藏           记住我