Category Navegadores

Simbolos raros al inicio de tus documentos Web como  2

Hola a todos, espero que hayan pasado unas excelentes vacaciones tanto como yo las disfrute :D
En esta ocasión hablaremos de temas un poco mas tecnicos en cuanto al desarrollo Web y uno que otro contratiempo que suele aparecer a la hora de mostrar resultados en pantalla.

Debo comentar que este problema es muy curioso y pasa pocas veces pero tiene una explicación lógica.
Para saber su solución describire el problema: En mi caso muy personal estaba escribiendo unas cuantas líneas de código en un archivo PHP donde hago una simple consulta a una base de datos, decidí visualizar el código en Firefox y continuar mi trabajo al día siguiente. Llegado el momento de reanudar mi trabajo visualizo el archivo en Firefox y cual es mi sorpresa que en la parte superior de la página (al inicio del documento PHP) aparecian estos símbolos:



Supuse que era caché, entonces realice la limpieza del mismo pero esto no funciono. Mi ultima sospecha fue que acababa de realizar una configuración en mi servidor en el cual le daba prioridad a archivos con codificación UTF8, pero al probar con otros archivos similares estos simbolos no aparecian.

Finalmente procedi a investigar el tema y la conclusión fue esta explicación: Algunos programas, al guardar un archivo con codificación UTF-8 agregan al principio del archivo 3 caracteres hexadecimales, lo cual genera dicho error. Para solucionar esto es necesario recurrir a un editor hexadecimal (como el HHD Free Hex Editor), abrir el archivo .php y borrar los primero 3 caracteres del archivo.

Y exactamente fue lo que hice y todo quedo a la perfección, este tema aun me causa ruido por lo que en la semana checare si hay alguna solución a nivel servidor que valide y se omita eliminar los caracteres con un editor, muchos saludos y espero que les haya servido.  En el próximo post hablaremos de sistemas enfocados al human force.

Internet Explorer, Operación Anulada, Wordpress. 0

Es curioso comentarles que mi entrada anterior generó sin querer esta nueva entrada, prometo en la siguiente hablar respecto a Randy Pausch como había escrito.
Aclarado este punto considere prudente escribir este post debido a que cuando escribi mi ultima entrada decidí insertar un video de YouTube lo cual al ser una operación común y corriente no me dio contratiempos sin embargo cual es mi sorpresa cuando me notificaron que en Internet Explorer 6 y 7 se lanzaba una alerta del navegador con el siguiente mensaje: Internet Explorer no puede abrir el sitio, Operación Anulada y por lo tanto no era posible checar el Blog.

Realmente no me sorprendió ya que en Explorer uno puede esperar cualquier número de errores y cosas extrañas no importando si tu página tiene programación sencilla o compleja.
Investigando como siempre en Google encuentro que es un problema de este navegador con la forma en que interpreta Javascript y que cancela cualquier operación si un script intenta cargar antes que la página.
Soluciones hasta este punto pues aquí dejo algunas:

- La primera es utilizar el atributo defer en sus sentencias de Javascript; defer le indica al documento que invoque las funciones de Javascript cuando la página haya cargado:

Suponiendo que tienen:
<script type=”text/javascript”>
Quedaría de esta manera:
<script type=”text/javascript” defer=”defer”>

- La segunda opción es colocar los javascript en archivos .JS e invocarlos de esta forma:

<script type=”text/javascript” src=”archivo.js” mce_src=”archivo.js” defer=”defer”></script>

- Tercera opción que hace lo mismo que defer:

state = document.readyState;
if (state == ‘complete’ || state == 4) {
// Ejecutamos alguna intruccion javascript que realice una modificacion al dom
}

- Finalmente para los que estan afectados con este problema en su theme de Wordpress y no pueden insertar videos de YouTube sin que aparezca esa molestar alerta deben hacer lo siguiente:

Copiamos el códido de inserción del video que nos interese de YouTube por ejemplo:

<object width=”480″ height=”295″><param name=”movie” value=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed></object>

Copiamos solo lo que está dentro de embed quedando de esta forma:

<embed src=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed>

Y finalmente le agregamos la etiqueta div para alinearlo (la etiqueta div es necesaria) y nuestro código final queda de esta forma:

<div align=”center”><embed src=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed></div>

Conclusión: Como siempre lo he dicho usen Firefox, Chrome, Safari y eviten Explorer, espero que esto les sea de ayuda, saludos.

Algunas fuentes:

TecnoBita

EastWood

Desarrollo Web

Impulsos.net - Blog is powered by WordPress and FREEmium Theme.
developed by Dariusz Siedlecki and brought to you by FreebiesDock.com