¿Qué códigos de redireccionamiento se utilizan para móviles?

navegadores web móviles requieren diferentes HTML y CSS presentación para dar cabida a las pequeñas pantallas utilizadas en los dispositivos portátiles. Esto se logra a menudo mediante el uso de Web redirigir las instrucciones que detectan el navegador que hace la solicitud, a continuación, devolver una página Web alternativo con un diseño para esa aplicación y dispositivo. Esto se puede hacer con los estilos CSS, servidor Web URL reescritura o con un lenguaje de programación Web.

mod_rewrite de Apache

El módulo mod_rewrite de Apache procesa las direcciones de servidor Web que pueden aplicarse a todos los sitios web en un servidor web, sitios web específicos de páginas de dominio o específicas que responden a un patrón de búsqueda, tales como un conjunto de páginas almacenadas en la misma subcarpeta en el servidor. Estas instrucciones, además, pueden modificarse en base a los patrones de búsqueda que se encuentran en la cadena de agente de usuario del navegador que identifica el navegador para obtener una solicitud entrante. Para redirigir una petición del navegador basado en la cadena de agente de usuario, utilice el siguiente comando en un archivo .htaccess almacenado en la misma carpeta que la página Web:

RewriteCond% {} ^ HTTP_USER_AGENT Mozilla

El HTTP_USER_AGENT variable de referencia a la cadena de agente de usuario, mientras que "^ Mozilla" es una expresión regular con el texto para que coincida. Si se produce una coincidencia, se aplica la siguiente línea de RewriteRule para cambiar la dirección URL de la petición de entrada, de lo contrario, se aplica la siguiente RewriteCond o RewriteRule.

redirección de CSS

Cascading Style Sheets puede alterar la presentación de una página Web basada en la detección de algunos componentes de la petición del navegador entrante. El "@media" consulta CSS devuelve un estilo basado en las condiciones del navegador:

@media única pantalla y (min-width: 480px) {{.stylename estilos}}
@media única pantalla y (max-width: 320px) {{.stylename estilos}}

En este caso, el mismo HTML se devuelve al navegador, pero los estilos aplicados a sus clases HTML difieren basa en la lógica condicional en la hoja de CSS.

JavaScript redirección

JavaScript accede a la información en la cadena de agente de usuario, haciendo referencia a los objetos del modelo de objetos de documento. El objeto de la pantalla contiene información sobre el dispositivo de hardware, mientras que el objeto Navigator contiene información sobre el navegador. Por ejemplo:

si (screen.width <= 800) {document.location = "redirect.html"; }
si (navigator.userAgent.match (/ iPhone / i) {document.location = "otherredirect.html";}

PHP redirección

En la programación en PHP, información acerca de la petición del navegador entrante se almacena en una matriz llamada "$ _SERVER". El valor denominado HTTP_USER_AGENT almacena la información de la cadena de agente de usuario. Usa los strpos () para determinar si existe una condición de redirección, entonces un cambio de línea de JavaScript que hará que el navegador para redirigir:

<? Php
$ IsiPhone = strpos ($ _ SERVER [ 'HTTP_USER_AGENT'], "iPhone");

if ($ isiPhone == true) {echo "<script> document.location = 'redirect.html' </ script>
?>