Tema: ¿ Extensión en chrome para visualizar tamaño ventana navegador en tiempo real ?
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 05/03/2013, 12:02
Avatar de memoadian
memoadian
Colaborador
  
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 10 meses
Puntos: 641
Respuesta: ¿ Extensión en chrome para visualizar tamaño ventana navegador en tiempo r
pues convertitlo en extensión de chrome se puede pero quien sabe como.

yo lo que hice fue esto:
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4.  
  5.   <!--======== Basic Page Needs =========-->
  6.  
  7.   <title>Medidas de pantalla</title>
  8.   <meta charset="utf-8">
  9.  
  10.   <style type="text/css">
  11.     body, html{
  12.       padding:0;
  13.       margin:0;
  14.       height:100%;
  15.     }
  16.   </style>
  17.  
  18.   <!--======== Scripts =========-->
  19.  
  20. <script type="text/javascript">
  21.   function TamVentana() {
  22.     var Tamanyo = [0, 0];
  23.     if (typeof window.innerWidth != 'undefined'){
  24.       Tamanyo = [
  25.           window.innerWidth,
  26.           window.innerHeight
  27.       ];
  28.     }else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0){
  29.       Tamanyo = [
  30.         document.documentElement.clientWidth,
  31.         document.documentElement.clientHeight
  32.       ];
  33.     }else{
  34.       Tamanyo = [
  35.           document.getElementsByTagName('body')[0].clientWidth,
  36.           document.getElementsByTagName('body')[0].clientHeight
  37.       ];
  38.     }
  39.     return Tamanyo;
  40.   }
  41.   function buscador(){
  42.     alert('pedro');
  43.   }
  44.   window.onresize = function() {
  45.     var Tam = TamVentana();
  46.     document.getElementById('body').innerHTML = ('La ventana mide: [' + Tam[0] + ', ' + Tam[1] + ']');
  47.   };
  48.   window.onload = function(){
  49.     var Tam = TamVentana();
  50.     document.getElementById('body').innerHTML = ('La ventana mide: [' + Tam[0] + ', ' + Tam[1] + ']');
  51.     var input = document.getElementById('buscador');
  52.     input.onchange = function(){
  53.       var iframe = document.getElementById('iframe');
  54.       iframe.src = 'http://' + input.value;
  55.     }
  56.   }
  57. </script>
  58. </head>
  59. <body>
  60.   <section id="body"></section>
  61.   <input id="buscador" value="" name="buscador"/>
  62.   <iframe id="iframe" src="http://forosdelweb.com" width="100%" height="100%" frameborder=0></iframe>
  63. </body>
  64. </html>

te pone un pequeño input donde colocas la direccion así: "cursosdelwebmaster.com" sin el http

y te abre el iframe y al hacer resize de tu ventana te va diciendo las medidas. No es muy pulcro pero sirve perfectamente en chrome.