Cambie el tamaño de fuente de las páginas web en Safari para iOS con Bookmarklets

Todo el mundo ha entrado en una página web donde el tamaño de fuente es insoportablemente pequeño en un dispositivo iOS, por lo general, un gesto de pellizcar hacia atrás hará que el texto sea legible, pero en algunas páginas que tienen un ancho fijo tienes que desplazarte hacia los lados, además de hacia arriba y hacia abajo. . Puede evitar limitar el tamaño de fuente utilizando la función Lector en un iPhone o iPad, pero esto tampoco es ideal para todos los sitios web. Esto es exactamente lo que pretenden resolver con dos prácticos marcadores, mediante la creación de dos botones para aumentar y disminuir el tamaño de fuente a los que se puede acceder directamente en Safari.

Esta adición es tan útil que el concepto probablemente debería incluirse en futuras versiones de Safari para iOS, pero solo el tiempo dirá si esto sucede. Mientras tanto, esto es lo que debe hacer para que funcione.

Repita este proceso por separado para ambos aumentar y disminuir funciones:

1. Abra Safari en su iPad o iPhone y cree un marcador para cualquier página
2. Toca el botón Marcadores en la parte superior de la pantalla y elige «Editar».
3. Edite el marcador recién creado nombrándolo como un símbolo menos (-) o más (+), y reemplace la URL pegándola en el código javascript apropiado a continuación, según la función que desee.
4. Guarde el cambio de marcador y cargue una nueva página web, toque los botones + o – para probar los cambios de tamaño de fuente en vivo. Actualizar la página restaura el tamaño de fuente al valor predeterminado.

Reducir el tamaño de la fuente (-)

1

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"}

Aumentar el tamaño de la fuente (+)

1

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"}

Estos cambios de marcadores funcionan editando una URL de marcador y reemplazándola con un javascript que cambia el comportamiento de la página, marcadores personalizados similares nos permitieron ver la fuente de la página en iOS Safari e incluso usar Firebug en iOS.

Esta muy útil solución viene de Marcos.Kirsch.com.mx, que recomienda colocarlos en la barra de marcadores de Safari para facilitar el acceso.

Relacionado