Resolución pantalla Firefox

marianoggg · #1 (**permalink**) 06/12/2010, 17:36

Hola, tengo un problema con el siguiente código para averiguar la resolución de pantalla, el cual podría estar mal definido, no se si es el JS o el html, pero algo anda mal en Firefox.

Y lo llamo con un include (php) para que me devuelva la resolución de pantalla en una variable de sesión.

<script language=Javascript>
var ancho=screen.width;
var alto=screen.height;
</script>
<?php
if (empty($_POST['PantallaAlto']))
{
echo "<form name='formulario' method='POST' action='".$PHP_SELF."'>";
echo "<input type='hidden' name='PantallaAncho'>";
echo "<input type='hidden' name='PantallaAlto'>";
echo "</form>";
echo "<script language=Javascript> document.formulario.PantallaAncho.value=ancho; document.formulario.PantallaAlto.value=alto;";
echo "document.formulario.submit() ";
echo "</script>";
}else{
$_SESSION['PantallaAlto'] = $_POST['PantallaAlto'];
$_SESSION['PantallaAncho'] = $_POST['PantallaAncho'];
}

?>

GRACIAS DE ANTEMANO!!

zerokilled · #2 (**permalink**) 06/12/2010, 20:02

es cierto que en muchas ocaciones es más cómodo hacer un código ligero cuando solamente queremos hacer prueba de conceptos. por ejemplo, en lugar de escribir un documento completamente válido, es más cómodo escribir lo necesario y ver los resultados. lo cierto es que no todos los navegadores responden de la misma forma. ese es el caso que tienes aquí y es la razón por la que en firefox no puedes apreciar los resultados correctos. ¿a qué me refiero? has omitido la estructura más básica de un documento html: cuerpo, encabezado, y tipo de documento. o sea, las etiquetas HTML, HEAD y BODY. si agregas estos elementos, firefox responde como deseas.

mi consejo es que mantengas un código base para todas tus pruebas puesto que cada componente (javascript, css, y creo que incluso el propio html) responden de distintas formas cuando carece de una estructura básica, según sea el navegador. por ejemplo, el siguiente código es la estructura que siempre utilizo para hacer mis pruebas.

Código:

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'
'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<!-- saved from url=(0014)about:internet --> <!-- eliminar esta linea al subir el documento a la web -->
<html xmlns='http://www.w3.org/1999/xhtml'><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Test Development</title>
<script type='text/javascript'>

</script>
<style type='text/css'>

</style>
</head><body>

</body></html>

anecdota:
recuerdo una ocasión tuve un problema algo tonto con la propiedad document.body.scrollHeight, pues siempre me devolvía el valor 0 en lugar de la altura del canvas -o viewport del navegador, espacio donde se muestra el contenido. el problema era que al indicar un doctype, el navegador (iexplorer) analiza el código de una forma distinta y tenia que cambiar la propiedad por otra. antes no me sucedia porque tenia la costumbre de realizar pruebas rápidas sin tener una estructura. ¿qué quiero decir? es la evidencia de lo importante que es tener una estructura válida o similar a la que utilizamos en producción. después de esta experiencia he cambiado el hábito para siempre.