ホームページ > 記事 > ウェブフロントエンド > 「開発者向けの新しいタブを開く」というブラウザ拡張機能
私は開発者として、Medium.com や Hacker News などの Web サイトをよく閲覧しますが、これらのサイトのリンクは同じタブで開きます。記事を読んだ後はメイン サイトに戻る必要があり、ユーザー エクスペリエンスに悪影響を及ぼします。新しいタブでリンクを開くほうがずっと良いでしょう。
そこで、「新しいタブを開く」というブラウザプラグインを作成しました。
なぜ新しいプラグインを作成する必要があったのですか?というのも、既存のプラグインをいくつか探して使ってみましたが、ほとんどが一般的なロジックを実装したものでした。この一般的なロジックは単純で、ほとんどの Web サイトで実際に機能します。しかし、それだけでは十分ではありません。一般的なロジックを記述するだけでは、一部の特定の Web サイトでは機能しません。この種のプラグインの機能は、特定の Web サイトの特定の DOM 構造を処理する必要がある広告ブロック プラグインとよく似ています。
Medium を例に考えてみましょう。そのタグの href 属性は完全な URL ではなく、奇妙なパス文字列です。完全な URL は実際には、先祖要素の data-href 属性にあります。したがって、このサイトの場合、完全な URL を取得して新しいタブで開く方が良い方法です。
したがって、このプラグインの特徴は、Google などのすべての通常の Web サイトのリンクを新しいタブで開く必要性を満たしながら、Medium や Hacker News など、開発者が頻繁にアクセスする Web サイトに対する特別な処理も提供することです。
したがって、このプラグインには実際には「Open New Tab For Developers」という名前がより適切です。
講師:https://www.bilibili.com/video/BV1hrpMe4E6x/
GitHub:https://github.com/cunzaizhuyi/open-new-tab-extension
以上が「開発者向けの新しいタブを開く」というブラウザ拡張機能の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。