Foros del Web » Programando para Internet » PHP »

Detectar resolución con javascript y luego activar o desactivar un include php

Estas en el tema de Detectar resolución con javascript y luego activar o desactivar un include php en el foro de PHP en Foros del Web. Buenas. Se que esta pregunta se ha hecho muchas veces en el foro, vuelvo años después a utilizar el buscador e incluso habiendo encontrado dos ...
  #1 (permalink)  
Antiguo 11/07/2019, 18:26
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.924
Antigüedad: 16 años, 4 meses
Puntos: 62
Detectar resolución con javascript y luego activar o desactivar un include php

Buenas.

Se que esta pregunta se ha hecho muchas veces en el foro, vuelvo años después a utilizar el buscador e incluso habiendo encontrado dos temas parecidos no he logrado sacarlo ya que al parecer antes casi tampoco se lograba.

http://www.forosdelweb.com/f18/inclu...talla-1068658/
http://www.forosdelweb.com/f13/mostr...nclude-736728/

Mi idea es que con javascript sepa el actual ancho del navegador del usuario y luego según ese ancho introduzca un include php o no. Por ejemplo:

Código HTML:
<!-- @media(max-width:767px) { -->

<script type="text/javascript">
	if (window.matchMedia("(max-width:767px)").matches) {
 		 /* La pantalla tiene menos o igual de 767 píxeles de ancho, entonces no incluyo el include php o includes php*/

	} else {
  		/* La pantalla tiene más o igual de 767 píxeles de ancho, entonces si incluyo el include php o includes php */
	}
</script> 
El include php son dos columnas izquierda y derecha de un aside que tengo que desactivar en móviles ya que en media querys con css no entran y se ocultan sin embargo en google https://developers.google.com/speed/pagespeed/insights/ he de desactivarlos para que no los reconozca ni carguen y así mejora la puntuación.

Código PHP:
<?php include "modules/aside-izq.php"?>
Código PHP:
<?php include "modules/aside-der.php"?>
¿Hay alguna opción para llevar el resultado de javascript a php y así según la resolución cargar o no cargar dichos includes?

Repito en el CSS media queries ya están desactivados esos dos aside, solo me falta desactivar los dos includes php.

Saludos.
  #2 (permalink)  
Antiguo 11/07/2019, 20:14
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.932
Antigüedad: 10 años, 11 meses
Puntos: 2177
Respuesta: Detectar resolución con javascript y luego activar o desactivar un include

La única opción que se me ocurre con Javascript es cargar el contenido y, de ser necesario, usar AJAX para cargar el aside.

Creo que sería mejor tratar de detectar el dispositivo desde PHP. Alguna vez lo intenté, a ver si te sirve: http://www.forosdelweb.com/f18/mejor...oviles-945378/
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 11/07/2019, 22:03
 
Fecha de Ingreso: abril-2006
Mensajes: 267
Antigüedad: 13 años, 2 meses
Puntos: 46
Respuesta: Detectar resolución con javascript y luego activar o desactivar un include

Cita:
Iniciado por kahlito Ver Mensaje
Buenas.

Se que esta pregunta se ha hecho muchas veces en el foro, vuelvo años después a utilizar el buscador e incluso habiendo encontrado dos temas parecidos no he logrado sacarlo ya que al parecer antes casi tampoco se lograba.

http://www.forosdelweb.com/f18/inclu...talla-1068658/
http://www.forosdelweb.com/f13/mostr...nclude-736728/

Mi idea es que con javascript sepa el actual ancho del navegador del usuario y luego según ese ancho introduzca un include php o no. Por ejemplo:

Código HTML:
<!-- @media(max-width:767px) { -->

<script type="text/javascript">
	if (window.matchMedia("(max-width:767px)").matches) {
 		 /* La pantalla tiene menos o igual de 767 píxeles de ancho, entonces no incluyo el include php o includes php*/

	} else {
  		/* La pantalla tiene más o igual de 767 píxeles de ancho, entonces si incluyo el include php o includes php */
	}
</script> 
El include php son dos columnas izquierda y derecha de un aside que tengo que desactivar en móviles ya que en media querys con css no entran y se ocultan sin embargo en google https://developers.google.com/speed/pagespeed/insights/ he de desactivarlos para que no los reconozca ni carguen y así mejora la puntuación.

Código PHP:
<?php include "modules/aside-izq.php"?>
Código PHP:
<?php include "modules/aside-der.php"?>
¿Hay alguna opción para llevar el resultado de javascript a php y así según la resolución cargar o no cargar dichos includes?

Repito en el CSS media queries ya están desactivados esos dos aside, solo me falta desactivar los dos includes php.

Saludos.
y por que no mejor, hacer un LOAD de un archivo digamos de 256Kb, y mediante AJAX, verificas, el tiempo que demoro en descargarlo y segun ese tiempo haces los cálculos, ese archivo de 256Kb, debe ser fijo, y no cacheado. el mismo ajax recuerdo que tenia que por cada petición tenia informacion de cuanto le demoro en realizarlo. y esa informacion la guardas por unas horas mediante una COOKIE.

pero todo ello debes realizarlo con JAVASCRIPT, mediante PHP no puedes saber tu cliente cuanto de ancho de banda esta usando o tiene.
__________________
Mis aportes te ayudaron??, te hicieron ahorrar valiosos tiempo??, si quieres puedes agradecerme con un Gracias o con una donacion
https://paypal.me/pools/c/87BTML2gwr



La zona horaria es GMT -6. Ahora son las 12:13.