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

Todo el mundo se ha topado con una página web donde el tamaño de fuente es insoportablemente pequeño en un dispositivo iOS, por lo general, un gesto de pellizco inverso hará que el texto sea legible, pero en algunas páginas que tienen un ancho fijo, debe desplazarse hacia los lados además de hacia arriba y hacia abajo. Puede evitar esa limitación de tamaño de fuente utilizando la función Lector en un iPhone o iPad, pero eso tampoco es ideal para todos los sitios web. Esto es precisamente lo que dos prácticos marcadores pretenden resolver mediante la creación de dos botones de aumento y disminución de 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 eso sucede. Mientras tanto, esto es lo que debe hacer para que esto funcione.

Repita este proceso por separado para ambos las funciones de aumento y disminución:

  1. Abra Safari en 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, asígnele el nombre de un símbolo menos (-) o más (+) y reemplace la URL pegando el código javascript apropiado que se muestra a continuación, según la función deseada
  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 a su valor predeterminado.

Disminuir tamaño de fuente (-)

1
javascript : var p = documento. getElementsByTagName ( '*' ) ; for ( i = 0 ; i < p. length ; i ++ ) { if ( p [ i ] . style . fontSize ) { var s = parseInt ( p [ i ] . style . fontSize . replace ("px" , "" ) ) ; } más { var s = 12 ; } s - = 2 ; p [ i ] . estilo . 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»}

Aumentar el tamaño de fuente (+)

1
javascript : var p = documento. getElementsByTagName ( '*' ) ; for ( i = 0 ; i < p. length ; i ++ ) { if ( p [ i ] . style . fontSize ) { var s = parseInt ( p [ i ] . style . fontSize . replace ("px" , "" ) ) ; } más { var s = 12 ; } s + = 2 ; p [ i ] . estilo . 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»}

Estos ajustes de bookmarklet funcionan editando una URL de marcador y reemplazándola con un javascript que cambia en el comportamiento de la página, bookmarklets personalizados similares nos han permitido ver el código fuente de la página en iOS Safari e incluso usar Firebug en iOS .

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

¡Si te ha gustado vota con 5 Estrellas!
(Votos: 0 Promedio: 0)

Escribe Aquí Tu Comentario