Passer au contenu principal

Informer les fournisseurs de navigateurs des problèmes que vous rencontrez avec votre navigateur fait partie intégrante de l'amélioration de la plate-forme Web.

igraal_fr-fr


Mise à jour

Presentar un buen error no es difícil, pero requiere un poco de trabajo. El objetivo es facilitar la búsqueda de lo que está roto, llegar a la causa raíz y, lo más importante, encontrar una manera de solucionarlo. Los errores que progresan rápidamente tienden a ser fáciles de reproducir con un comportamiento claro esperado.

Vérifiez qu'il s'agit d'une erreur

El primer paso es averiguar cuál debería ser el comportamiento «correcto».

¿Cuál es el comportamiento correcto?

Consultez la documentation API pertinente sur MDNo intente encontrar especificaciones relacionadas. Esta información puede ayudarlo a decidir qué API está realmente rota, dónde está rota y cuál es el comportamiento esperado.

¿Funciona en un navegador diferente?

El comportamiento que difiere entre los navegadores generalmente se prioriza más como un problema de interoperabilidad, especialmente cuando el navegador que contiene el error es el extraño. Intente probar en las últimas versiones de Chrome, Firefox, Safari y Edge, posiblemente usando una herramienta como BrowserStack.

Si es posible, verifique que la página no se comporte de manera intencional de manera diferente debido al rastreo del agente de usuario. En Chrome DevTools, intente configurer le Agent utilisateur chaîne vers un autre navigateur.

¿Se rompió en un lanzamiento reciente?

¿Funcionó como se esperaba en el pasado, pero se rompió en una versión reciente del navegador? Se puede actuar sobre tales «regresiones» mucho más rápido, especialmente si proporciona un número de versión donde funcionó y una versión donde falló. Herramientas como
BrowserStack puede facilitar la comprobación de versiones antiguas del navegador.

Si un problema es una regresión y se puede reproducir, la causa raíz generalmente se puede encontrar y solucionar rápidamente.

¿Otros están viendo el mismo problema?

Si tiene problemas, es muy probable que otros desarrolladores también lo estén. Primero, intente buscar el error en Débordement de pile. Esto podría ayudarlo a traducir un problema abstracto en una API rota específica y podría ayudarlo a encontrar una solución a corto plazo hasta que se solucione el error.

¿Se ha informado antes?

Una vez que tenga una idea de cuál es el error, es hora de verificar si el error ya ha sido informado buscando en la base de datos de errores del navegador.

Si vous trouvez un bogue existant qui décrit le problème, veuillez ajouter votre soutien en le mettant en évidence, en le mettant en favori ou en commentant le bogue. Et sur de nombreux sites, vous pouvez vous ajouter à la liste CC et obtenir des mises à jour lorsque l'erreur change.

Si decide comentar sobre el error, incluya información sobre cómo el error afecta su sitio web. Evite agregar comentarios de estilo «+1», ya que los rastreadores de errores suelen enviar correos electrónicos por cada comentario.

Signaler le bogue

Si l'erreur n'a pas été signalée auparavant, il est temps d'en informer le fournisseur de navigateur.

Créer un cas de test réduit

Mozilla tiene un gran artículo sobre
cómo crear un caso de prueba minimizado. Para abreviar la historia, aunque una descripción del problema es un gran comienzo, nada mejor que proporcionar una demostración vinculada en el error que muestra el problema. Para maximizar la posibilidad de un progreso rápido, el ejemplo debe contener el código mínimo posible necesario para demostrar el problema. Una muestra de código mínima es lo primero que puede hacer para aumentar las probabilidades de que su error se solucione.

A continuación, se ofrecen algunos consejos para minimizar un caso de prueba:

  • Descargue la página web, agregue

    et vérifiez que l'erreur existe localement. Cela peut nécessiter un serveur HTTPS actif si l'URL utilise HTTPS.

  • Pruebe los archivos locales en las últimas versiones de tantos navegadores como pueda.
  • Essayez de tout condenser en un seul fichier.
  • Elimine el código (comenzando con cosas que sabe que son innecesarias) hasta que desaparezca el error.
  • Utilisez le contrôle de version pour pouvoir enregistrer votre travail et annuler les problèmes.

Héberger un cas de test minifié

Si está buscando un buen lugar para alojar su caso de prueba minificado, hay varios buenos lugares disponibles:

Notez que plusieurs de ces sites affichent le contenu dans une iframe, ce qui peut entraîner un comportement différent des fonctions ou des erreurs.

Présentez votre problème

Una vez que tenga su caso de prueba minimizado, estará listo para presentar ese error. Dirígete al sitio de seguimiento de errores correcto y crea un nuevo problema.

Proporcione una descripción clara y los pasos necesarios para reproducir el problema.

Primero, proporcione una descripción clara para ayudar a los ingenieros a comprender rápidamente cuál es el problema y ayudar a clasificar el problema.

Lors de l'installation d'un PWA à l'aide de `beforeinstallprompt.prompt ()`, le
L'événement `appinstalled` se déclenche avant la résolution de l'appel à` prompt ()`.

A continuación, proporcione los pasos detallados necesarios para reproducir el problema. Aquí es donde entra su caso de prueba minificado.

Quelles étapes vont reproduire le problème?
1. Allez sur https://basic-pwa.glitch.me/, ouvrez DevTools et regardez le
onglet de la console.
2. Cliquez sur le bouton Installer dans la page, vous devrez peut-être interagir avec
la page un peu avant qu'elle ne soit activée.
3. Cliquez sur Installer dans la confirmation d'installation modale du navigateur.

Et enfin, décrivez le réely attendu Résultat.

Quel est le résultat réel? Dans la console:
0. INSTALLER: Disponible (consigné lorsque l'événement `beforeinstallprompt` est déclenché)
1. INSTALLATION: Succès (consigné lorsque l'événement `appinstalled` est déclenché)
2. INSTALL_PROMPT_RESPONSE: {résultat: "accepté", plateforme: "web"}
(consigné quand beforeinstallprompt.prompt () `se résout)

quel est le résultat attendu? Dans la console:
0. INSTALLER: Disponible (consigné lorsque l'événement `beforeinstallprompt` est déclenché)
1. INSTALL_PROMPT_RESPONSE: {résultat: "accepté", plateforme: "web"}
(consigné quand beforeinstallprompt.prompt () `se résout)
2. INSTALLATION: Succès (consigné lorsque l'événement `appinstalled` est déclenché)

Para obtener más información, consulte Directrices para la redacción de informes de errores
dans MDN.

Bonificación: agregue una captura de pantalla o un screencast del problema

Aunque no es obligatorio, en algunos casos puede ser útil agregar una captura de pantalla o un screencast del problema. Esto es especialmente útil en los casos en que los errores pueden requerir algunos pasos extraños para reproducirse. Con frecuencia, puede ser útil poder ver lo que sucede en un screencast o en una captura de pantalla.

Inclure les détails environnementaux

Algunos errores son reproducibles solo en ciertos sistemas operativos, o solo en tipos específicos de pantallas (por ejemplo, ppp bajos o altos). Asegúrese de incluir los detalles de los entornos de prueba que utilizó.

Envíe el error

Finalmente, envíe el error. Luego, recuerde estar atento a su correo electrónico para ver las respuestas al error. Por lo general, durante la investigación y al corregir el error, los ingenieros pueden tener preguntas adicionales o, si tienen dificultades para reproducir el problema, pueden comunicarse.