ホームページ  >  記事  >  ウェブフロントエンド  >  「開発者向けの新しいタブを開く」というブラウザ拡張機能

「開発者向けの新しいタブを開く」というブラウザ拡張機能

WBOY
WBOYオリジナル
2024-09-06 13:00:25981ブラウズ

A browser extension called

私は開発者として、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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。