Internet Explorer Encoding Fail

…o como un buen día acaba arruinado por esa basura.

Ayer fue un día prolífico de web-developeo, gracias a que me tope con parte del trabajo ya implementado (y libre), facilitándome mucho las cosas :D. Gracias a eso, podré añadirle otro toque “2.0” a Gonium.

En los últimos días, por motivos de fuerza mayor, he estado trabajando con otro laptop, … con windows xp (chan!). Es acá donde recordé que gran cantidad de las herramientas que ocupaba para desarrollar, cuando desconocía Linux, eran propietarias, pesadas y expiraban a los 10-15-30 días (a menos claro que…). Aproveche esta oportunidad para hacer las pruebas de rigor en Internet Explorer. Como era de suponerse, me causo algunas reacciones urticantes.

Entonces investigando encontré algunas cosas útiles, libres y para windows:

  • 7-zip sino como diablos abro un tar.gz o un tar.bz2 😆
  • Xampp un instalador de Apache+PHP(4/5)+Mysql5 y PHPMyAdmin. Lo bueno es que trae además:
    • mod_rewrite (Apache) Necesario para trabajar con Zend_framework y las urls para SEO. Hay que activarlo en el httpd.conf descomentado la linea que lo carga).
    • xdebug (PHP) Aunque no viene preinstalado, pero es cosa de editar el php.ini, sacar zend_optimizer y descomentar las lineas de xdebug (vienen seguidas).
  • Zend Framework, pack de clases + documentación + … + guías, para trabajar con PHP5
  • Notepad++ Editor te texto plano, para trabajar con código fuente en un montón de lenguajes.
  • Poedit Interfaz gráfica para gettex, una aplicación que permite realizar traducciones desde y en nuestro código fuente.

Con todo esto, más un buen pack de navegadores (Firefox, Arora (basado en webkit), Opera, Safari, IE en todas sus repugnantes versiones), ¿necesito pagar un peso para aprender/trabajar?

Construcción

Basado en el código que me encontré, quería implementar un nuevo módulo para mi sitio. Como trabajo con Zend Framework, es cosa de crear una nueva carpeta con la siguiente estructura:

root/modules
root/modules/my_new_module
root/modules/my_new_module/controllers
root/modules/my_new_module/models
root/modules/my_new_module/views
root/modules/my_new_module/views/scripts

Luego cree mi “MyNewModule_IndexController” (en root/modules/my_new_module/controllers) y mi script de vista index.phtml (en root/modules/my_new_module/views/scripts).

Es tan sencillo y corto que no lo voy a postear.

¿Y donde esta el EPIC FAIL?

Probé el nuevo módulo en Firefox durante todo el día, hasta que se me ocurrió ¿porque no probarlo en IE7 si estoy en windows?

EPIC FAIL:

Módulo pwneado en Internet Explorer 7

Todo el div central se desencuadro 👿 !!!

Las consecuencias eran evidentes. ¿Tendría que cambiar el Layout completo? ¿Tendría que cambiar el css? Afortunadamente, este incidente me obligo a replantear el CSS, que ya estaba algo desordenado. Ajustando perillas por aquí y por allá arregle algunos div’s y formularios rebeldes, pero del misterioso div desencuadrado nada…

Mis otros módulos seguían estando bien.

Probé mil y un arreglos, pero en mis otros navegadores seguía viéndose correctamente:

adasd
Módulo pwneado en Mozilla Firefox 3.0.1

Incluso en Safari (que recordemos, al principio entendía pésimo el HTML 😆 ):

fasdfdf
Módulo pwneado en Safari 3.1

Una delicia visual 😀

WTF :S

Cuando prácticamente dí por perdido el asunto, recorde a un colega, cuando trabajaba su código fuente, se enfrentó a un problema de codificación de caracteres. ¿Ha tenido problemas para mostrar caracteres acentuados en php/html? a esos mismos problemas me refiero. ¡Pero si no tiene nada que ver! ¿o si?

No perdía nada con probar. Todo el código fuente base de Gonium lo desarrollé con Kate y Quanta Plus en Kubuntu, que por defecto, trae codificación utf-8 en TODO el sistema (hasta los sistemas de archivos). Para mantener “compatibilidad” de mi código fuente, configuré Notepad++ desde el principio para producir archivos nuevos como utf-8 con saltos de linea unix.

¿Y si lo cambio a ANSI? Problema resuelto (uff!!!

3 comentarios sobre “Internet Explorer Encoding Fail”

  1. ja y que paso con el
    “e instalado el dreamweaver con el wine ….”
    que es una herramienta propietaria, pesada y expiraba a los 10-15-30 días (a menos claro que…)

    //..
    te falto la herramienta mas importante y poderosa
    VIM for windows
    de todas maneras antes “cuando desconocías Linux” necesitabas pagar un peso para aprender/trabajar?

    …..

    una ves hice un programa que me daba los numeros asscii
    para ver los caracteres no imprimibles tipo fin de linea, tab y cosas asi…y revisar otros detalles por las codificaciones
    pero no es muy cómodo estar mirando puros números
    ja
    existirá un editor que si sirva para auto detectar la codificación y ver los caracteres no imprimibles???

    pd no ¿¿¿ hay código en google code???

  2. No pagaba un peso para aprender, pero pirateaba con ese propósito. Además, en algunos caso “quede hasta ahí” por ese asunto.

    Afortunadamente como dije, con el tiempo me di cuenta que esas cosas son innecesarias, pero uno como novato siempre se deja guiar por las cosas aparentemente bonitas y fáciles.

    ¿Y el código? por supuesto que hay:
    http://code.google.com/p/gonium/source/checkout por algo lo liberé xD.

    Lo del encoding, realmente es muy raro, no he visto ningún editor que sea automágico pa estas cosas. TODOS los que he probado se marean con los cambios de codificación.

    En notepad++ por ejemplo, para no gastar muchos recursos mientras hacía una prueba en PHP, había serializado un objeto, lo mande como salida al navegador y luego (firefox) y lo pegue en el código fuente. No hubo caso de deserializarlo. Además, al cambiar de UTF-8 a ANSI, no solo se cambiaban algunos caracteres, sino que también se corría la linea (debí sacar un pantallazo

  3. ya encontré el código

    si el editor no existe hay que inventarlo

    si me quedan recursos mentales
    algún día inventare algo

    usando herramientas libres o gratuitas

    chau

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.