Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/07/2019, 18:26
Avatar de kahlito
kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años, 1 mes
Puntos: 65
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.