Preguntas frecuentes para desarrolladores web

Introducción

  1. ¿Cuáles son los componentes de Google Chrome?
  2. ¿Dónde puedo encontrar información sobre otros navegadores?

User agent

  1. ¿Cuál es la cadena "user agent" de Google Chrome?

Codificación de idiomas

  1. Google Chrome no muestra los caracteres correctamente
  2. La declaración de la codificación mediante JavaScript (document.write) no funciona
  3. Google Chrome muestra "%B1%C1%C3%E5" en lugar de dos caracteres chinos

Secuencias de comandos y aplicaciones web

  1. El control ActiveX no se carga
  2. El código JavaScript no se ejecuta correctamente

Visualización de páginas y comportamiento del navegador

  1. Mi sitio se ve de forma diferente en Google Chrome y en Internet Explorer
  2. ¿Cómo puedo probar mi sitio en Google Chrome?
  3. Las fuentes especificadas en una hoja de estilo externa no funcionan
  4. Los pop-ups de mi sitio web no aparecen en Google Chrome
  5. Mi sitio protegido con SSL muestra un signo de exclamación en Google Chrome en lugar de un candado
  6. Google Chrome no admite el API de base de datos en HTML5
  7. ¿Cómo puedo personalizar el diseño y la función de los accesos directos de Google Chrome que dirigen a mi página?
  8. ¿Cómo puedo hacer que se abra una nueva pestaña en mi página web en un proceso independiente?
  9. ¿Cómo puedo excluir mi sitio web para que no se cargue la URL con Chrome Instant?

Búsqueda

  1. Al acceder a la dirección de un sitio web de una intranet, aparece una página de resultados en lugar del sitio de la intranet
  2. ¿Cómo puedo incluir la búsqueda de mi sitio en las opciones de búsqueda de Google Chrome?

Introducción

1. ¿Cuáles son los componentes de Google Chrome?

Google Chrome contiene varias funciones que pueden utilizar los webmasters para ofrecer una mejor experiencia a los usuarios finales. El navegador lleva Gears integrado, lo que permite que los webmasters puedan utilizar diversas API (por ejemplo, para el almacenamiento sin conexión). Además, con Google Chrome las aplicaciones web pueden tener el aspecto de aplicaciones de "escritorio", ya que el navegador se puede ejecutar en un modo minimalista en el que solo se ve una barra de título.

Google Chrome también utiliza un motor JavaScript (V8) completamente nuevo cuya velocidad es superior a las implementaciones JavaScript existentes, lo que significa que puedes crear aplicaciones AJAX más complejas y potentes con menos limitaciones de velocidad y de procesamiento. Por último, Google Chrome está basado en WebKit, por lo que los usuarios del navegador se beneficiarán de las funciones CSS3 a medida que estas se vayan incorporando a WebKit.

2. ¿Dónde puedo encontrar información sobre otros navegadores?

Existe un gran número de navegadores que puedes utilizar. Para obtener más información sobre algunos de los navegadores más utilizados, consulta los sitios web que se indican a continuación:

User agent

3. ¿Cuál es la cadena "user agent" de Google Chrome?

La cadena "user agent" de Google Chrome es la siguiente:

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.X.Y.Z Safari/525.13.

Google Chrome utiliza el motor de visualización de páginas web WebKit, en el que también se basan otros navegadores (como Safari, de Apple). Las páginas web se deben mostrar en Google Chrome del mismo modo que aparecen en estos navegadores basados en WebKit. Puedes buscar webkit en las cadenas "user agent" para especificar estos navegadores en lugar de un determinado nombre de navegador, como Google Chrome o Safari.

Codificación de idiomas

4. Google Chrome no muestra los caracteres correctamente

Para ayudar a los navegadores a mostrar el contenido del sitio correctamente, es imprescindible incluir información sobre el contenido y la codificación de caracteres al principio del código fuente del documento. Si utilizas marcos o iframes, indica también la codificación al principio del código fuente de estos elementos. Algunos navegadores, incluido Google Chrome, no reconocen las declaraciones de codificación insertadas en el grueso del documento (por ejemplo, después de la descripción de CSS o de la secuencia de comandos en la sección "head" del documento).

A continuación se indica un ejemplo de una inclusión de codificación correcta:

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <script type="text/javascript">
    ... tu código JavaScript ...
    </script>
    .......

Asegúrate también de que tu servidor web no esté enviando encabezados HTTP contradictorios, ya que estos encabezados anularán las declaraciones de conjuntos de caracteres de la página.

5. La declaración de la codificación mediante JavaScript (document.write) no funciona

Google Chrome no lee la información sobre codificación que se especifica a través de la función "document.write()". Por ejemplo, si utilizas este método para una declaración de codificación en iframes, los caracteres podrían aparecer de forma incorrecta al mostrarse el iframe. En lugar de utilizar:

frame1.js 

document.write("<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">");
    ... otro código JavaScript ...

Recomendamos el uso del siguiente código:

frame1.html

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <script type="text/javascript">
    ... tu código JavaScript ...
    </script>
    ...

6. Google Chrome muestra "%B1%C1%C3%E5" en lugar de dos caracteres chinos

Google Chrome codifica los parámetros de consulta de una URL con el símbolo del porcentaje. Asegúrate de que las secuencias de comandos del servidor decodifiquen correctamente los caracteres codificados con este símbolo antes de procesar los datos.

Secuencias de comandos y aplicaciones web

7. El control ActiveX no se carga

Debes especificar la versión de la interfaz NPAPI del complemento.

ActiveX solo se admite en Internet Explorer (y en navegadores basados en este navegador) en Windows. Google Chrome, Mozilla Firefox, Apple Safari y otros navegadores no admiten ActiveX. En su lugar, estos navegadores utilizan la interfaz de programación de aplicaciones del complemento de Netscape (NPAPI).

8. El código JavaScript no se ejecuta correctamente

Existen dos formas de ver los errores de JavaScript y de depurarlos en Google Chrome.

  • Consola JavaScript: haz clic en el icono del menú Página y selecciona Opciones para desarrolladores > Consola JavaScript. En esta consola, podrás ver los errores de la ejecución de código JavaScript e introducir comandos JavaScript adicionales que desees ejecutar.
  • Depurador de JavaScript: para acceder a esta opción, haz clic en el icono del menú Página > Opciones para desarrolladores > Depurar JavaScript. Este depurador ofrece una línea de comandos en la que puedes establecer puntos de interrupción o realizar un seguimiento de pila, entre otras funciones. Para empezar, introduce help en la línea de comandos del depurador.

Visualización de páginas y comportamiento del navegador

9. Mi sitio se ve de forma diferente en Google Chrome y en Internet Explorer

El motor de renderización que utiliza Google Chrome es diferente del de Internet Explorer, por lo que es posible que las páginas no se muestren de la misma forma. Apple Safari utiliza el mismo motor de renderización que Google Chrome (WebKit), por lo que las páginas se deberían mostrar de forma similar en ambos navegadores.

  • Si tu sitio no se muestra correctamente en ningún navegador, asegúrate de que los códigos HTML y CSS sean válidos a través de la página http://validator.w3.org/.
  • Si tu sitio no se muestra correctamente en Google Chrome ni en Apple Safari, notifica una incidencia a través del sitio webkit.org. Para ello, sigue las instrucciones indicadas en la página http://webkit.org/quality/reporting.html.
  • Si tu sitio se muestra correctamente en Apple Safari, pero no en Google Chrome, notifica una incidencia a través de la página http://code.google.com/p/chromium/issues/list.

10. ¿Cómo puedo probar mi sitio en Google Chrome?

A continuación se indican varias herramientas que pueden ayudarte a probar tu sitio web en Google Chrome:

  • Inspector web
    Haz clic con el botón derecho en cualquier elemento de una página web para que se inicie el inspector web. Aparecerán los elementos y los recursos asociados al elemento seleccionado en la página, incluidos una vista jerárquica del DOM y la Consola JavaScript.
  • Administrador de tareas
    Haz clic en el icono del menú Página y, a continuación, selecciona Opciones para desarrolladores > Administrador de tareas (o pulsa Mayús+Esc). El Administrador de tareas muestra todos los procesos en ejecución en Google Chrome, así como los recursos que estos utilizan (memoria, CPU y red).
  • Depurador JavaScript
    Haz clic en el icono del menú Página y, a continuación, selecciona Opciones para desarrolladores > Depurar JavaScript. Se abrirá un depurador JavaScript que se podrá asociar a los procesos en ejecución.

11. Las fuentes especificadas en una hoja de estilo externa no funcionan

Asegúrate de que las hojas de estilo externas incluyan el conjunto de caracteres y el encabezado "content-type" correctos. También deben incluir el tipo de estilo text/css o text/css;charset=X.

Te recomendamos que no especifiques el conjunto de caracteres en el encabezado HTTP de una hoja de estilo CSS sino que añadas esta declaración al principio (sin estar precedida de ningún carácter, espacio ni salto de línea), como se indica a continuación:

@charset "xxx"

Si no especificas la información de codificación, es posible que la hoja de estilo no se analice correctamente.

Para obtener más información sobre las hojas de estilo, consulta la documentación del Consorcio World Wide Web en la página http://www.w3.org/TR/CSS21/syndata.html#charset.

12. Los pop-ups de mi sitio web no aparecen en Google Chrome

De forma predeterminada, Google Chrome minimiza los pop-ups y muestra únicamente la barra de título de estos en la parte inferior derecha de la ventana del navegador. Para ver el contenido de los pop-ups, los usuarios deben arrastrar la barra de título a una parte más visible de la ventana, lo que permite cargar los pop-ups sin interrumpir las funciones de los sitios que dependen de ellos. De este modo, también se evita que los pop-ups no deseados cubran la página mostrada a los usuarios y los distraigan.

13. Mi sitio protegido con SSL muestra un signo de exclamación en Google Chrome en lugar de un candado

Esta advertencia indica un problema con el uso de SSL en la página. Para obtener más información sobre esta advertencia, haz clic en el signo de exclamación que aparece en Google Chrome. Estas incidencias suelen ser el resultado de la existencia de contenido mixto en la página (por ejemplo, la página de nivel superior se muestra a través de HTTPS y está protegida con SSL, pero se han incluido elementos a través de HTTP, como imágenes, secuencias de comandos u hojas de estilo CSS). Para que aparezca el candado en el navegador, todo el contenido de la página se debe mostrar a través de HTTPS.

14. Google Chrome no admite el API de base de datos en HTML5

El equipo de Google Chrome tiene previsto admitir el API de base de datos en HTML5, así como otras API compatibles con WebKit, incluidos los módulos multiproceso y la función sin conexión, en versiones posteriores.

15. ¿Cómo puedo personalizar el diseño y la función de los accesos directos de Google Chrome que dirigen a mi página?

Los usuarios de Google Chrome pueden crear accesos directos de cualquier página web a través de la opción Crear accesos directos a aplicaciones del icono del menú Página. De forma predeterminada, los nuevos accesos directos adoptan el título y el icono gráfico de la página a la que dirigen.

Para especificar el título, la descripción y la URL de los accesos directos de Google Chrome que dirigen a tu página, inserta metaetiquetas en la sección <head> del documento.

Personalizar Etiqueta Ejemplo
El título del acceso directo application-name <meta name="application-name" content="Gmail"/>
La descripción (se utiliza si se dispone de más espacio, como en el panel de preferencias) description <meta name="description" content="Sistema de Google para el correo electrónico"/>
La URL a la que se accede tras hacer clic en el acceso directo application-url <meta name="application-url" content="http://www.gmail.com"/>
El icono del acceso directo   <link rel="icon" href="gmail_32x32.png" sizes="32x32"/>
<link rel="icon" href="gmail_48x48.png" sizes="48x48"/>

A continuación se indica un ejemplo:

<head>
    <meta name="application-name" content="Gmail"/>
    <meta name="description" content="Sistema de Google para el correo electrónico"/>
    <meta name="application-url" content="http://www.gmail.com"/>
    <link rel="icon" href=gmail_32x32.png sizes="32x32"/>
    <link rel="icon" href=gmail_48x48.png sizes="48x48"/>
    </head>

Estas etiquetas son muy similares a las del API de escritorio de Gears. Para obtener más información sobre estas etiquetas, consulta la documentación del API de escritorio de Gears.

16. ¿Cómo puedo hacer que se abra una nueva pestaña en mi página web en un proceso independiente?

Google Chrome dispone de una arquitectura multiproceso en la que las pestañas se ejecutan en procesos independientes con respecto al resto de pestañas y al proceso principal del navegador. Sin embargo, las nuevas pestañas creadas en una página web se suelen abrir en el mismo proceso para que la página pueda acceder a ellas a través de JavaScript.

No obstante, Google Chrome buscará sugerencias para abrir las nuevas pestañas en un proceso independiente si accedes a ellas desde un sitio web diferente.

Para ello, el método más sencillo consiste en utilizar un enlace que dirija a un sitio web diferente para que se abra una nueva ventana sin transmitir la información de referencia. Google Chrome reconoce esta solución como una sugerencia para mantener aislada la nueva página de la página original, por lo que cargará la nueva página en un proceso independiente. A continuación se indica un ejemplo:

<a href="http://differentsite.com" target="_blank" rel="noreferrer">Cómo abrir una nueva pestaña y un nuevo proceso</a>

Si quieres que la nueva pestaña se abra en un nuevo proceso sin que se transmita la información de referencia, realiza los pasos que se indican a continuación en JavaScript:

  • Abre la nueva pestaña con el destino about:blank.
  • Establece la variable opener de la pestaña que se acaba de abrir en null para que esta no pueda acceder a la página original.
  • Realiza un redireccionamiento de about:blank a un sitio web diferente de la página original.

A continuación se indica un ejemplo:

var w = window.open();
w.opener = null;
w.document.location = "http://sitiodistinto.com/indice.html";

Esta sugerencias solo son válidas para las URL incluidas en un dominio o en un protocolo diferentes de la página que haya abierto el pop-up. Por ejemplo, si la página que ha abierto el pop-up se encuentra en http://www.example.com/:

  • un dominio diferente sería http://www.example.org o http://www.example2.com,
  • un protocolo diferente sería https://www.example.com.

17. ¿Cómo puedo excluir mi sitio web para que no se cargue la URL con Chrome Instant?

Si un usuario de Google Chrome habilita la función "Chrome Instant", la mayoría de las páginas web se cargarán al escribir la URL en la barra de direcciones, antes de pulsar Intro.

Si eres administrador de un sitio web, puedes evitar que Google Chrome utilice esta función con tu sitio del siguiente modo:

  • Cuando Google Chrome realice la solicitud al servidor de tu sitio web, enviará el encabezado que aparece a continuación. 
    X-Purpose: instant
  • El servidor lo detectará y devolverá un código de estado HTTP 403 ("Prohibido").
  • Cuando Google Chrome reciba este código de estado, añadirá el sitio web a una lista negra almacenada en la aplicación cliente. Esa lista negra se utilizará durante el tiempo que dure la sesión de navegación de ese usuario.

Búsqueda

18. Al acceder a la dirección de un sitio web de una intranet, aparece una página de resultados en lugar del sitio de la intranet

Cuando un usuario introduce una única palabra en la barra de direcciones, Google Chrome realiza una búsqueda de ese término y devuelve los resultados a través del motor de búsqueda predeterminado del usuario. Al mismo tiempo, Google Chrome emite una solicitud HEAD del http://término para comprobar si se trata de un sitio web válido. Si Google Chrome recibe una respuesta HTTP/2xx (por ejemplo, HTTP/200 Correcto), preguntará al usuario si desea acceder al sitio. Si el usuario hace clic en el mensaje de solicitud y accede al sitio web, este se establecerá como el destino predeterminado de las futuras consultas que se realicen de ese término.

Google Chrome también mostrará este mensaje si recibe la siguiente información:

  • una respuesta HTTP/401 o HTTP/407,
  • un redireccionamiento HTTP/3xx que termina en una página con cualquiera de las respuestas anteriores.

Asegúrate de que tu servidor web responda correctamente a las solicitudes HEAD de una página, no únicamente a las solicitudes GET.

Por ejemplo, si un sitio se encuentra en el dominio http://proyecto.intranet.example.com y un usuario de esa red corporativa introduce proyecto en la barra de direcciones:

  • Google Chrome devolverá los resultados de la consulta proyecto.
  • Al mismo tiempo, el navegador comprobará si http://proyecto es un sitio web válido. En ese caso,
  • aparecerá un mensaje en el que se le solicitará al usuario si desea acceder al sitio http://proyecto.
  • Una vez que el usuario haya accedido al sitio http://proyecto, Google Chrome establecerá http://proyecto como el sitio de destino de todas las futuras consultas que se realicen del término proyecto a través de la barra de direcciones.

Los usuarios pueden inhabilitar el comportamiento (de búsqueda) predeterminado escribiendo proyecto/ o http://proyecto o seleccionando la entrada proyecto/ de la barra de direcciones en lugar de Buscar proyecto.

19. ¿Cómo puedo incluir la búsqueda de mi sitio en las opciones de búsqueda de Google Chrome?

Si proporcionas un documento de descripción OpenSearch (OSDD), Google Chrome podrá incluir tu sitio en la lista de motores de búsqueda del navegador. Para obtener más información sobre OpenSearch, accede a la página http://www.opensearch.org.

©2011 Google - Página principal de Google - Acerca de Google - Ayuda