Informar a los proveedores de Browser sobre los problemas que encuentre en su Browser es una parte integral para mejorar la plataforma Netz.
Aktualisiert
Presentar un buen error no es difícil, pero requiere un poco de trabajo. El Ziel 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.
Verifica que Sein un error
Der erste Schritt besteht darin, herauszufinden, was das "richtige" Verhalten sein sollte.
Was ist das richtige Verhalten?
Consulte los documentos de API relevantes en MDNoder versuchen Sie, verwandte Spezifikationen zu finden. Diese Informationen können Ihnen bei der Entscheidung helfen, welche API tatsächlich defekt ist, wo sie defekt ist und wie das erwartete Verhalten ist.
Funktioniert es in einem anderen Browser?
Verhalten, das sich zwischen Browsern unterscheidet, wird im Allgemeinen eher als Interop-Problem priorisiert, insbesondere wenn der Browser, der den Fehler enthält, ein fremder ist. Versuchen Sie, die neuesten Versionen von Chrome, Firefox, Safari und Edge zu testen, möglicherweise mit einem Tool wie BrowserStack.
Si es posible, verifique que la página no se comporte de manera intencional de manera diferente debido al rastreo del User-Agent. En Chrome DevTools, intente Konfigurieren der User-Agent Zeichenfolge zu einem anderen Browser.
Ist es bei einer kürzlich erschienenen Veröffentlichung kaputt gegangen?
Hat es in der Vergangenheit wie erwartet funktioniert, ist aber in einer neueren Browserversion kaputt gegangen? Auf solche "Regressionen" kann viel schneller reagiert werden, insbesondere wenn Sie eine Versionsnummer angeben, bei der es funktioniert hat, und eine Version, bei der es fehlgeschlagen ist. Werkzeuge wie
BrowserStack können das Auschecken älterer Versionen des Browsers erleichtern.
Wenn ein Problem zurückgegangen und reproduzierbar ist, kann die Grundursache normalerweise schnell gefunden und behoben werden.
Sehen andere das gleiche Problem?
Wenn Sie Probleme haben, sind es wahrscheinlich auch andere Entwickler. Versuchen Sie zunächst, den Fehler in zu suchen Paketüberfluss. Dies kann Ihnen helfen, ein abstraktes Problem in eine bestimmte kaputte API zu übersetzen und eine kurzfristige Lösung zu finden, bis der Fehler behoben ist.
Wurde schon mal darüber berichtet?
Sobald Sie eine Vorstellung davon haben, was der Fehler ist, ist es an der Zeit zu überprüfen, ob der Fehler bereits gemeldet wurde, indem Sie die Fehlerdatenbank des Browsers durchsuchen.
Wenn Sie einen vorhandenen Fehler finden, der das Problem beschreibt, fügen Sie bitte Ihre Unterstützung hinzu, indem Sie den Fehler markieren, mit einem Lesezeichen versehen oder kommentieren. Und auf vielen Websites können Sie sich selbst zur CC-Liste hinzufügen und Updates erhalten, wenn sich der Fehler ändert.
Wenn Sie den Fehler kommentieren möchten, geben Sie bitte Informationen darüber an, wie sich der Fehler auf Ihre Website auswirkt. Vermeiden Sie das Hinzufügen von Kommentaren im „+1“-Stil, da Bugtracker häufig E-Mails für jeden Kommentar senden.
Melden Sie den Fehler
Wenn der Fehler noch nicht gemeldet wurde, ist es an der Zeit, ihn dem Browser-Anbieter zu melden.
Erstellen Sie einen minimierten Testfall
Mozilla hat einen großartigen Artikel auf
wie man einen minimierten Testfall erstellt. Um es kurz zu machen: Eine Beschreibung des Problems ist zwar ein guter Anfang, aber nichts geht über die Bereitstellung einer Demo, die mit dem Fehler verknüpft ist, der das Problem zeigt. Um die Chance auf einen schnellen Fortschritt zu maximieren, sollte das Beispiel den minimal möglichen Code enthalten, der zum Veranschaulichen des Problems erforderlich ist. Ein minimales Codebeispiel ist das erste, was Sie tun können, um die Chancen zu erhöhen, dass Ihr Fehler behoben wird.
Hier sind einige Tipps, um einen Testfall zu minimieren:
- Laden Sie die Webseite herunter, fügen Sie hinzu
y verifique que el error exista localmente. Esto puede requerir un Server HTTPS activo si la Url usa HTTPS.
- Testen Sie lokale Dateien in den neuesten Versionen von so vielen Browsern wie möglich.
- Versuchen Sie, alles in einer Datei zusammenzufassen.
- Entfernen Sie den Code (beginnend mit Dingen, von denen Sie wissen, dass sie unnötig sind), bis der Fehler verschwunden ist.
- Verwenden Sie die Versionskontrolle, damit Sie Ihre Arbeit speichern und Fehler rückgängig machen können.
Hosten Sie einen minimierten Testfall
Wenn Sie nach einem guten Ort suchen, an dem Sie Ihren minimierten Testfall hosten können, stehen mehrere gute Orte zur Verfügung:
Tenga en cuenta que varios de esos sitios muestran Inhalt in einem iframe, lo que puede provocar que las funciones o los errores se comporten de manera diferente.
Präsentieren Sie Ihr Problem
Sobald Sie Ihren Testfall minimiert haben, können Sie diesen Fehler melden. Gehen Sie zur richtigen Fehlerverfolgungsseite und erstellen Sie ein neues Problem.
Bitte geben Sie eine klare Beschreibung und die erforderlichen Schritte an, um das Problem zu reproduzieren.
Geben Sie zunächst eine klare Beschreibung an, damit Ingenieure das Problem schnell verstehen und das Problem klassifizieren können.
When installing a PWA using the `beforeinstallprompt.prompt()`, the
`appinstalled` event fires before the call to `prompt()` resolves.Geben Sie dann die detaillierten Schritte an, die zum Reproduzieren des Problems erforderlich sind. Hier kommt Ihr minimierter Testfall ins Spiel.
What steps will reproduce the problem?
1. Go to https://basic-pwa.glitch.me/, open DevTools and look at the
console tab.
2. Klicken the Install button in the page, you might need to interact with
the page a bit before it becomes enabled.
3. Click Install on the browser modal install confirmation.Und schließlich beschreiben Sie die echty erwartet Ergebnis.
What is the actual result? In the console:
0. INSTALL: Available (logged when `beforeinstallprompt` event fired)
1. INSTALL: Success (logged when `appinstalled` event fired)
2. INSTALL_PROMPT_RESPONSE: {outcome: "accepted", platform: "web"}
(logged when beforeinstallprompt.prompt()` resolves)What is the expected result? In the console:
0. INSTALL: Available (logged when `beforeinstallprompt` event fired)
1. INSTALL_PROMPT_RESPONSE: {outcome: "accepted", platform: "web"}
(logged when beforeinstallprompt.prompt()` resolves)
2. INSTALL: Success (logged when `appinstalled` event fired)
Weitere Informationen finden Sie unter Richtlinien zum Schreiben von Fehlerberichten
auf MDN.
Bonus: Fügen Sie einen Screenshot oder Screencast des Problems hinzu
Obwohl es nicht erforderlich ist, kann es in einigen Fällen hilfreich sein, einen Screenshot oder Screencast des Problems hinzuzufügen. Dies ist besonders nützlich in Fällen, in denen die Fehler möglicherweise einige seltsame Schritte erfordern, um sie zu reproduzieren. Es kann oft hilfreich sein, auf einem Screencast oder Screenshot sehen zu können, was passiert.
Umweltdetails einbeziehen
Einige Fehler sind nur auf bestimmten Betriebssystemen oder nur auf bestimmten Arten von Displays (z. B. niedrige oder hohe dpi) reproduzierbar. Stellen Sie sicher, dass Sie Details zu den von Ihnen verwendeten Testumgebungen angeben.
den Fehler einreichen
Senden Sie abschließend den Fehler. Denken Sie dann daran, Ihre E-Mail für Antworten auf den Fehler im Auge zu behalten. In der Regel haben Ingenieure während der Untersuchung und Behebung des Fehlers möglicherweise weitere Fragen, oder wenn sie Schwierigkeiten haben, das Problem zu reproduzieren, wenden sie sich möglicherweise an uns.
