Cambiar el tamaño de fuente de las páginas web en Safari para iOS con Bookmarklets
Todos se han 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, luego tendrá que desplazarse hacia los lados además de hacia arriba y hacia abajo. Puede sortear 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 pretenden resolver dos prácticos bookmarklets, 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 eso sucede. Mientras tanto, esto es lo que debe hacer para que esto funcione.
Repita este proceso por separado para las funciones de aumento y disminución:
- Abre Safari en iPad o iPhone y crea un marcador para cualquier página
- Toque el botón Marcadores en la parte superior de la pantalla y elija "Editar"
- Edite el marcador recién creado, nombrándolo con 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
- 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 letra (-)
1 |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s-=2;p.style.fontSize=s+px} " |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s-=2;p.style.fontSize=s+px}"
Aumentar tamaño de fuente (+)
1 |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s+=2;p.style.fontSize=s+px} " |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s+=2;p.style.fontSize=s+px}"
Estos ajustes de bookmarklet funcionan editando una URL de marcador y reemplazándola con un javascript que cambia 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 solución muy útil proviene de Marcos.Kirsch.com.mx, quien recomienda colocarlos en la barra de favoritos de Safari para facilitar el acceso.