Open External Links in a New Tab

オープン

#3,938 2026年2月22日に作成コメント 3 件リアクション 0 件担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度: 3/5
見積もり時間: 1〜2日
初心者へのやさしさ: 55/100

issue の種類: バグ
明瞭さ: おおむね明確
活発さ: 静か
技術スタック: html
領域: frontend, web-dev

調査の方向性

まず、アプリケーション内の外部アンカー要素を見つけ、サイト内にとどまるリンクと比較します。ブラウザーで、外部リンクが別のタブで開かれ、内部リンクは既存の動作を維持することを確認し、新しいタブで開くリンクに要求されたセキュリティ属性が含まれていることを確認します。

索引モデルが issue の本文から書いたものです。

説明

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.

主要言語: HTML
スター: 25.5k
フォーク: 4k
PR マージ指標: 30日以内にマージされた PR はありません

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
リポジトリをフォークし、ブランチを切って変更します。
issue 番号を参照したプルリクエストを送ります。

javascript-tutorial/en.javascript.info のほかの issue

Proposal: Add `AbortSignal.timeout()` shorthand to "Fetch: Abort" article オープン

難易度 1/5 1〜3時間初心者へのやさしさ 88/100

javascript-tutorial/en.javascript.info#3988 · 2026年8月5日に作成
Proposal: Add modern `Promise.allSettled` alternative to "Fetch users" task solution オープン

難易度 2/5 1〜3時間初心者へのやさしさ 84/100

javascript-tutorial/en.javascript.info#3986 · 2026年8月5日に作成
Correct Keyboard Shortcut for Console Panel オープン

難易度 1/5 1時間未満初心者へのやさしさ 92/100

javascript-tutorial/en.javascript.info#3983 · 2026年8月1日に作成
Keyboard events: keydown filtering example can't block IME-composed input (Korean/Japanese/Chinese) オープン

難易度 2/5 1〜3時間初心者へのやさしさ 76/100

javascript-tutorial/en.javascript.info#3978 · コメント 1 件 · 2026年7月18日に作成
Documentation improvement: clarify function assignment behavior オープン

難易度 2/5 1〜3時間初心者へのやさしさ 72/100

javascript-tutorial/en.javascript.info#3973 · 2026年6月20日に作成

javascript-tutorial/en.javascript.info の issue をすべて見る

似ている issue

P4 FR: Add one-click copy-to-clipboard button to code snippets in static workshop HTML オープン

難易度 2/5 1〜3時間初心者へのやさしさ 75/100

palladius/rails8-app-on-gcp#145 · 2026年9月23日に作成
⚡perf(web): replace <img> with next/image in WalletSelectionModal (3 warnings) オープン

難易度 2/5 1〜3時間初心者へのやさしさ 75/100

safetrustcr/dApp-SafeTrust#426 · 2026年9月23日に作成
Remove sw.https.window.html and sw-416.https.window.html from Interop 2026 fetch オープン

test-change-proposal

難易度 2/5 1〜3時間初心者へのやさしさ 65/100

web-platform-tests/interop#1455 · 2026年9月23日に作成
Allow control over whether combinators should also be suggested or not オープン

enhancement

難易度 2/5 1〜3時間初心者へのやさしさ 65/100

bramus/rich-input#7 · 2026年9月23日に作成
Missing security headers on corsair.dev (CSP, X-Frame-Options, etc.) オープン

難易度 2/5 1〜3時間初心者へのやさしさ 75/100

corsairdev/corsair#1764 · 2026年9月23日に作成

Web Dev の issue をもっと見る