Como posso forçar o zoom em alguns sites?

9

Como alguém com problemas de visão, normalmente preciso aumentar o zoom em todas as páginas que carrego no meu iPhone.

O "toque de três dedos" para ampliar é meio ruim, então beliscar para ampliar funciona muito bem. No entanto, desde a atualização para o iPhone 4S, notei que muitos sites não o permitem.

Sei que há uma metatag que você pode usar para desativar esse recurso, mas existe uma substituição que você pode definir para poder aplicar zoom em todas as páginas? Não consigo ampliar os resultados do google, por isso não consigo vê-los. NFL.com também não permite que o pitada seja ampliado.

iphone zoom accessibility Jack Marchetti
fonte
11
Eu nunca pensei nisso, mas sei exatamente do que você está falando. Os sites que possuem um "layout para celular" não permitem beliscar / expandir o zoom. Essa é uma situação realmente interessante / infeliz.
Jason SALAZ
Meu 3GS conseguiu aumentar o zoom, mas alguns layouts para celular não permitem. É uma metatag para não permitir e torna a navegação nos sites deles quase inútil para mim, já que eu não a vejo. Realmente é uma merda.
19311 Jack Marchetti

Respostas:

15

Ugh, isso é tão irritante - é o auge da arrogância de designer / desenvolvedor (na minha opinião - e eu também sou desenvolvedor). O código da outra resposta não funcionou para mim, mas depois de muitas experiências, consegui que isso funcionasse (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');

Use o mesmo método que a outra resposta diz para adicioná-lo (crie um marcador para qualquer página, edite o marcador e substitua seu URL pelo código acima).

Jordan Lev
fonte
Eu não acho que tenha algo a ver com "designer", mas mais para forçar as pessoas a visualizar os anúncios, que geralmente estão nas bordas superior ou direita.
chris
Isso funcionou para mim. A outra resposta não. Usando o iPad mini. Obrigado por isso.
cbmeeks
6

Você pode criar um bookmarklet JavaScript para remover a metatag.

Primeiro, pressione o botão de compartilhamento (o ícone da seta saindo de uma caixa) e pressione Adicionar marcador. Chame isso de "Ativar zoom" ou similar. A caixa de endereço está desativada, mas não se preocupe: há uma maneira de corrigir isso.

Toque em Salvar e pressione o botão de favoritos (o ícone do livro), seguido de Editar e o favorito que você acabou de criar. Agora digite isso na caixa de endereço, certificando-se de não adicionar espaços:

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

Por fim, salve isso e vá para uma página que impede o zoom. Vá para os favoritos e pressione o favorito para executá-lo. Agora você deve conseguir aumentar e diminuir o zoom.

(Dica para usuários do iPad: ative a barra de favoritos em Configurações e mova o favorito para a pasta Barra de Favoritos para que ele fique sempre visível na barra de endereços.)

Kirb
fonte
Idéia bacana, mas não funciona para mim. Quando eu salvo o marcador, ele codifica os colchetes - pergunto se esse pode ser o problema?
Jack Marchetti
@JackMarchetti Isso acontece comigo também, mas o Safari decodifica os colchetes antes de executar o script. Tente alterar document.head para document.querySelector('head').
Kirb
3

Verifique se o zoom está ativado em Configurações> Geral> Acessibilidade .

Quando o Zoom está ativado, você pode tocar duas vezes com três dedos para ampliar a tela inteira do seu iPhone / iPod / iPad. Para se movimentar, mantenha três dedos na tela e arraste para mostrar partes diferentes na janela de visualização ou mantenha um dedo ao longo da borda da tela para deslocar.

Se precisar aumentar mais o zoom, toque duas vezes com três dedos e arraste para cima ou para baixo. Para diminuir o zoom, toque duas vezes novamente com três dedos.

Mas fica melhor: em vez de precisar tocar duas vezes com três dedos para ampliar a tela inteira do seu iPhone, iPod Touch ou iPad, acontece que ativar a configuração Zoom também faz com que o Safari ignore as meta name="viewport"configurações de escala na página. Você pode aumentar e diminuir o zoom da maneira normal usando dois dedos.

mas existe uma substituição que você pode definir para poder aplicar zoom em todas as páginas?

Então, basicamente, a configuração Zoom é essa substituição. Aproveitar!

Fonte

Mathias Bynens
fonte