Open External Links in a New Tab

Offen
#3,938 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
55/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Ruhig
Tech-Stack
html
Bereich
frontend, web-dev

Rechercherichtung

Beginnen Sie damit, die externen Ankerelemente in der Anwendung zu lokalisieren und sie mit Links zu vergleichen, die innerhalb der Website bleiben. Überprüfen Sie in einem Browser, dass externe Links in einem separaten Tab geöffnet werden, während interne Links ihr bestehendes Verhalten beibehalten, und bestätigen Sie, dass die Links für den neuen Tab die angeforderten Sicherheitsattribute enthalten.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Currently, when users click on external links within the application, they open in the same browser tab. This causes users to navigate away from the application entirely, which is interrupting workflow and negatively impact user experience.

Expected Behavior
External links should open in a new browser tab (e.g., using target="_blank" with appropriate security attributes like rel="noopener noreferrer"). This allows users to:

  • Keep the application open in the original tab.
  • Easily return to their previous context.
  • Avoid losing unsaved progress or navigation state.

Current Behavior
All links (including external links) open in the same tab, replacing the current application view.

Proposed Solution
Update external anchor elements to open in a new tab by default.

Additional Context
Opening external links in a new tab is a common UX pattern in web applications, especially when linking to documentation or external references.

Vorherrschende Sprache
HTML
Sterne
25.5k
Forks
4k
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus javascript-tutorial/en.javascript.info

Alle Issues in javascript-tutorial/en.javascript.info

Ähnliche Issues

Weitere Issues zu Web Dev

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.