如何在某些网站上强制缩放？

9

作为视力障碍者，我通常需要放大iPhone上加载的每个页面。

进行缩放的“三指点击”很烂，因此捏放大效果很好。但是，自从升级到iPhone 4S以来，我注意到很多网站都不允许这样做。

我知道有一个元标记可用于禁用该功能，但是是否有一个可以设置为可以缩放每个页面的替代项？我无法放大Google搜索结果，因此无法真正看到它们。NFL.com也不允许捏缩放。

iphone zoom accessibility

— 杰克·马尔凯蒂（Jack Marchetti）
source

1

你知道，我从没想过，但我确切地知道你在说什么。具有“移动版式”的网站不允许您捏捏/放大。那是一个非常有趣/不幸的情况。

— 詹森·萨拉兹

我的3GS可以缩放，但某些移动设备布局不允许缩放。这是一个不允许使用的元标记，并且由于我看不到它，因此对我的网站的浏览几乎无用。真烂

— 杰克·马尔凯蒂

15

哎呀，真是太烦人了-这是设计师/开发人员的傲慢程度（在我看来-我本人是一名开发人员）。另一个答案的代码对我不起作用，但是经过大量试验后，我使它起作用（iPad 3 / iOS 5）：

javascript:document.querySelector('meta[name=viewport]').setAttribute('content','width=device-width,initial-scale=1.0,maximum-scale=10.0,user-scalable=1');

使用与其他答案相同的方法添加它（为任何页面创建一个书签，然后编辑书签并将其URL替换为上面的代码）。

— 乔丹·列夫
source

我认为这与“设计师”没有任何关系，但更多的是迫使人们查看广告，这些广告通常位于顶部或右侧。

— 克里斯，2012年

这对我有用。另一个答案没有。使用iPad mini。谢谢你

— cbmeeks

6

您可以制作一个JavaScript小书签来删除meta标签。

首先，按一下[分享]按钮（方块中的箭头图示），然后按一下[新增书签]。将此称为“启用缩放”或类似功能。地址框已禁用，但是不用担心：有一种解决方法。

点击保存，然后按书签按钮（书本图标），然后按编辑和刚创建的书签。现在，在地址框中输入以下内容，确保不添加任何空格：

javascript:void(document.head.removeChild(document.querySelector('meta[name=viewport]')))

最后，保存并转到防止缩放的页面。转到书签，然后按书签运行它。现在，您应该可以放大和缩小了。

（针对iPad用户的提示：打开“设置”中的书签栏，然后将书签移到“书签栏”文件夹，以使其始终在地址栏下可见。）

— 基尔
source

idea昧的想法，但对我不起作用。当我保存书签时，它会对括号进行编码-不知道这可能是问题吗？

— 杰克·马尔凯蒂

@JackMarchetti这对我也是一样，但是Safari在运行脚本之前先将括号解码。尝试将document.head更改为document.querySelector('head')。

— 2011年

3

确保在“设置”>“常规”>“辅助功能”中启用了“缩放”。

启用缩放后，您可以用三个手指双击以缩放iPhone / iPod / iPad的整个屏幕。要四处移动，请在屏幕上按住三根手指并拖动以在视口中显示不同的部分，或者在屏幕边缘按住一根手指进行平移。

如果您需要放大更多，请用三个手指点两次，然后向上或向下拖动。要缩小，请用三个手指再次双击。

但是它变得更好：事实证明，启用“缩放”设置还使Safari忽略meta name="viewport"了页面上的任何缩放设置，而不必用三根手指双击来缩放iPhone，iPod Touch或iPad的整个屏幕。您可以使用两根手指以正常方式放大和缩小。

但是您是否可以设置覆盖范围以覆盖每个页面？

因此，基本上，“缩放”设置就是该替代。请享用！

资源

— 马蒂亚斯·拜恩斯（Mathias Bynens）
source