¿Por qué aparecen emoji como cuando uso Safari, pero no Chrome?

La diferencia está en los motores de representación para las ventanas del navegador.

Sabemos que Safari reproduce el conjunto de caracteres de manera diferente a Chrome. Pero los elementos de la interfaz de usuario de la ventana (las pestañas en Chrome) están bien. Esa es nuestra mayor pista.

Es probable que los elementos de la interfaz de usuario de la ventana (énfasis en probable, puede que no esté correcto aquí) sean procesados por el SO. Así que reciben el tratamiento completo de expansión emoji a nivel de sistema operativo.

Pero lo que sucede dentro de una ventana del navegador web es muy dependiente del navegador. Los motores de renderizado son una gran parte de la salsa secreta de cada navegador.

Tanto Safari como Chrome utilizan WebKit, pero las similitudes entre las instancias de WebKit que usan se detienen en algún lugar alrededor del nombre del motor. Ambas son las claves de la versión principal y están muy personalizadas para mejorar el rendimiento de manera que cada equipo de desarrollo de navegadores considere significativo para sus usuarios finales.

@JasonSalaz encontró un gran error en la base de datos de errores de Chrome que nos da la pista final de que depende de las bifurcaciones de WebKit: enlace : ese error está hablando de las diferencias entre el fork en Chrome y la línea principal de WebKit del proyecto de código abierto. Hay diferencias de representación en la línea principal que aún no han llegado a la versión que está usando Chrome. Y parece que tienen la intención de fusionar los cambios en algún momento.

Actualización: Paul Irish tiene una excelente publicación de blog sobre cómo difiere WebKit para todos estos navegadores que actualmente la usan . Si realmente quiere comprender cuán diverso es el entorno WebKit, esta es una gran lectura.

Puede usar la extensión de Chrome Chromoji . Es una solución que reemplazará el emoji con imágenes incrustadas en páginas web.

El problema es que su navegador utiliza una codificación de caracteres diferente a la del documento que está viendo.

Entonces, ¿cómo sabe el navegador qué codificación de caracteres usar?

1. Se puede especificar en HTTP usando el encabezado Content-Type .
2. Puede especificarse para el documento HTML usando el elemento meta .
3. Se puede especificar para un elemento HTML específico usando el atributo charset .

Si no se especifica ninguno de estos, los diferentes navegadores utilizan diferentes técnicas para adivinar la codificación de caracteres correcta. Algunos utilizan heurísticas. Algunos permiten al usuario especificar una codificación de caracteres. Algunos seleccionan la codificación de caracteres predeterminada del sistema operativo.

Si ninguno de estos se produce, obtienes el galimatías, también conocido como mojibake.

Entonces, para responder directamente a tu pregunta: Safari y Chrome están intentando diferentes cosas para encontrar la codificación de caracteres correcta.

Vaya a la barra de menú de Chrome, haga clic en "Más herramientas" → "Codificación" y elija un nuevo formato de codificación. Estoy usando "Unicode UTF-8", parece funcionar para mí.

enlace se marcó como corregido recientemente; a partir de la versión 41, el emoji debería mostrarse bien en Chrome.

El símbolo es un personaje hecho por Apple. Safari utiliza su propio conjunto de caracteres.