MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-survey

ここへジャンプ:

この記事は翻訳作業中です。

拡張機能はウェブブラウザーに機能を追加します。標準化されている web 技術(JavaScript / HTML / CSS)に専用の JavaScript API をいくつか加えて書かれます。 とりわけ、拡張機能はブラウザーに新しい機能を追加したり、特定のウェブサイトが持つ見た目やコンテンツを変更したりできます。

ウェブサイト全体の改良: アドオンを使ってブラウザー内の機能やウェブサイトからの情報を届けます。ユーザーが訪れたページの詳細を集めるようにできて、サービスを向上させることができます。

例: Amazon Assistant for Firefox, OneNote Web Clipper, Grammarly for Firefox

ユーザーの個性を見せる: ブラウザー機能拡張はユーザーによってブラウズされるページコンテンツを操作できます。ユーザーのお気に入りのロゴや写真を、訪れるすべてのページの背景として追加できます。拡張機能は Firefox UI の見た目を更新する力を与えることもできます (スタンドアローンの テーマアドオンを使っても Firefox UI を更新できます)。

例: MyWeb New Tab, Tabliss, VivaldiFox

ウェブページのコンテンツを追加/削除: You might want to help users block intrusive ads from web pages, provide access to a travel guide whenever a country or city is mentioned in a web page, or reformat page content to offer a consistent reading experience. With the ability to access and update both a page’s HTML and CSS, you can help users see the web the way they want to.

Examples: uBlock Origin, Reader, and Toolbox for Google Play Store™

ツールや新しいブラウズ機能を追加: Add new features to a taskboard, or generate QR code images from URLs, hyperlinks, or page text. With flexible UI options and the power of the WebExtensions APIs you can easily add new features to a browser. And, you can enhance almost any website’s features or functionality, it doesn't have to be your website.

Examples: QR Code Image Generator, Swimlanes for Trello, and Tomato Clock

ゲーム: Offer traditional computer games, with off-line play features, but also explore new game possibilities, for example, by incorporating gameplay into everyday browsing.

 

Examples: Asteroids in Popup, Solitaire Card Game New Tab, and 2048 Prime.

開発ツールを追加: You may provide web development tools as your business or have developed a useful technique or approach to web development that you want to share. Either way, you can enhance the built-in Firefox developer tools by adding a new tab to the developer toolbar.

Examples: Web Developer, Web React Developer Tools, and aXe Developer Tools

Firefox 用の拡張機能は WebExtensions API を使って作成され、この API はクロスブラウザーで動作可能な拡張機能を開発するための技術です。この API の大半は、Google Chrome や Opera でサポートされている extension API と互換性があります。これらのブラウザー向けに書かれた拡張機能のほとんどは、少し変更を加えるだけで Firefox や Microsoft Edge でも動かせるようになります。この API は完全にマルチプロセス Firefoxにも対応しています。

何かアイデアがあったり、レガシーアドオンを WebExtensions API に移植する手助けが必要な場合、ご連絡は dev-addons メーリングリストIRC#extdev チャンネルまでお願いします。英語のサポートです。

次のステップ

ドキュメントのタグと貢献者

 このページの貢献者: SphinxKnight, Uemmra3, meganetaaan, hashedhyphen
 最終更新者: SphinxKnight,