Versión PHP de CSS Media Queries

Question

No se puede encontrar nada en la web para esto, quería hacer la pregunta allí.

¿Es la versión PHP de CSS Media Queries?

Answer 1

Supongo que usted querrá hacer esto con el fin de detectar navegadores móviles, si no, entonces esta respuesta es ligeramente irrelevante.

Puede consultar Mobile ESP para obtener una biblioteca de detección de agente de usuario móvil. Es muy simple de usar y funciona bien en mis experiencias.

Answer 2

Puede consultar $_SERVER['HTTP_USER_AGENT'] y tomar una decisión basada en lo que encuentre allí. Puede que haya una biblioteca en alguna parte que ya se haya ocupado de esto, pero no conozco ninguna que esté fuera de mi cabeza.

Answer 3

No, no lo hay.

El navegador no envía información sobre ninguno de sus media features al servidor, por lo que PHP no cuenta con la información necesaria para implementarlo.

Answer 4

Existe la función get_browser php que puede usar para determinar algunas capacidades del navegador. Pero eso no es lo mismo que las consultas de los medios. Las consultas de medios css están condicionadas a que los dispositivos muestren las mediciones. La función php no devuelve tales informaciones.

Answer 5

He utilizado un método (encontrado en http://php.net/manual/en/faq.html.php Ejemplo # 4) que combina javascript y php para lograr una alternativa para consultas de medios. Lo logro usando JavaScript incrustado dentro de mi php para publicar una variable (screen.width) que luego usa php para determinar puntos de interrupción para cargar hojas de estilo. Incluir el siguiente fragmento en su etiqueta de la cabeza:

<?php 
    if (isset($_GET['width'])) { 
    $width = $_GET['width']; 
    if ($width <= 480) { //mobile devices 
     $style = '<link rel="stylesheet" href="mobile.css" type="text/css">'; 
    } elseif ($width <= 720){ //tablets 
     $style = '<link rel="stylesheet" href="tablet.css" type="text/css">'; 
    } else { //desktops 
     $style = '<link rel="stylesheet" href="desktop.css" type="text/css">'; 
    } 
    echo $style; 
    } else { 
     echo "<script language='javascript'>\n"; 
     echo " location.href=\"${_SERVER['SCRIPT_NAME']}?${_SERVER['QUERY_STRING']}" . "&width=\" + screen.width; \n"; 
     echo "</script>\n"; 
     exit(); 
    } 
?> 

encontré usando este método también fue más eficiente de la carga de contenido de una página, a diferencia de las consultas de los medios de comunicación (que cargará los estilos CSS para todos los dispositivos, incluso cuando no está necesario, es decir, los dispositivos móviles aún tienen cargados los estilos de escritorio). Este método garantiza que las hojas de estilo se carguen de forma específica solo en el dispositivo, suponiendo que tenga una hoja de estilo que tenga un estilo común para todos los dispositivos multimedia.