El día de ayer estuvimos compartiendo un rato todos los integrantes del bunkervalley, como algunos sabrán @dfect esta viviendo en SV por cuestiones de trabajo entonces estas reuniones se realizan remotamente. En la reunión de ayer estuvimos jugando con un chat que nos permitía ejecutar javascript hecho en Scala/Lift y teniendo esta posibilidad nos dedicamos a Rickrolearnos, trabar browsers y ver de que otras maneras lo rompieamos.
Uno de los pequeños problemas que teníamos es de que lift utiliza como parte de la abstracción comillas dobles y cada vez que mandábamos esto se trababa, dejando esta restricción alado empezamos con redirects en javascript, agregar imágenes y después agregamos funciones con intervalos.
Yo tenia abierto Firefox y Chrome en la misma computadora, cuando @manelik ejecuto:
while(1){
i++;
}
Lo cual hace contar de uno en uno hasta que se acaba se canse el browser, Firefox se trabo de manera bastante rapida y Chrome seguía como conejito de la marca de pilas. Después hicimos un intervalo que cada 10 milésimas daba un alert, Firefox no tiene una manera de evitar esto, por lo cual tienes que ir al panel de control y acabar el proceso, mientras que Chrome en el segundo alert despliega una posibilidad de impedir mas pop ups.
Después un intervalo de 10 segundos abría una nueva tab, en IE8 se abrían todas, en Firefox te mostraba que tenían un numero exagerado de tabs que previno que se abrieran y Chrome simplemente lo ignoraba.
Después pasamos al punto de embedir video, primero como tag de HTML5 y después como flash, extrañamente en el afán de molestar, llegue a este código:
var p = document.createElement('object');
p.width = '1';
p.height = '1';
p.style.position = 'absolute';
p.style.top = '0';
p.style.left = '0';
p.src = '' ;
p = document.body.appendChild(p);
var e = document.createElement('embed');
e.width = '1';
e.height = '1';
e.src='http://www.youtube.com/v/oHg5SJYRHA0&hl=en_US&fs=1&autoplay=1';
e = p.appendChild(e);
Lo cual hace que se abra un flash de un 1px por 1px, video en auto play y rickrollea a todos, donde la única posibilidad para pararlo es hacer refresh. Ningún browser hizo nada.
Después nos tratamos de poner fancys tratando de correr una instrucción que llenada el text area donde se corre el javascript y lo entregara desde todas las computadoras para que no pudieras borrarlo y que el refresh tuviera que ser de todas las personas que estaban en la pagina al mismo tiempo o tirar el servidor, pero ya era muy tarde y decidimos dejarlo por la paz
En definitiva tenemos 2 buenas lecciones de esta juego, el desempeño de Chrome es muy superior al de Firefox en cuestiones de seguridad. Al igual que correr este ejemplo de canvas en los 2 browsers se ve un cambio drástico de velocidad y que somos muy geeks como para preocuparnos de estar teniendo un chat con javascript.
Entonces que es lo siguiente?
Por el momento Firefox es la mejor herramienta de desarrollo con FireBug, Colorzilla, Live Http headers, reglas y muchas otras cosas en add ons, pero claramente Chrome esta en un nivel muy superior en cuanto a seguridad y experiencia de usuario.
De lo cual me gustaría destacar 2 cosas:
- Chrome a rebasado por mucho el numero de commits al core de WebKit que tiene Apple, entonces podemos ver un amplio trabajo por construir un poco mejor Browser y ayer lo notamos, destacando que la version de Mac es inferior a la de PC.
- Chrome la semana pasada empezó a tener una versión de Firebug Lite, pero es muy limitada y todavía corre muy inestable, si es que corre; sin embargo, creo que es cuestión de tiempo para tener una versión tan estable como Firefox y en ese momento no sera necesario usar Firefox
Los que deseen testear este chat o tengan opiniones sobre el funcionamiento de los distintos Browsers que tenemos en el mercado, dejen su comentario.
No related posts.


Sobre Firebug:
Chrome tiene herramientas para devolopers muy buenas, tan buenas como Firebug en la mayor parte de los casos. Sólo oprime Ctrl+Shift-J en la página. Te muestra una consola de errores, puedes correr los scripts con breakpoints, te deja analizar el DOM, puedes ver recursos cargados por Ajax, etc. La verdad es excelente y no hace falta Firebug.
Estuvo bueno el experimento que hicieron con los browsers, yo en lo personal utilizo casi un 99% firefox y cuando me llega a desesperar porque no carga bien las paginas o cosas asi, me paso a Chrome y cada vez que lo uso le encuentro algo que me late y si creo poder reemplazar un dia no muy lejano a FF y mas ahora con la inclusion de los complementos en chrome
@limitedmage he usado la herramienta de desarrollo de Chrome pero el no tener funcionalidad de inspeccionar me molesta mucho, ademas modificar el CSS es mucho menos accesible.
En el caso de consola es javascript veo el mismo poder, pero me la herramienta en la misma pagina me molesta un poco.
Probablemente es que estoy muy acostumbrado a usar Firebug, pero minimo en mi caso lo considero superior. Supongo que podriamos intercambiar tips y ver que pasa.