のWeb拡張ここでは、たとえば、これを私は、そのウェブサイトにいくつかのボタンをフロントエンドコードを変更し、追加し、いくつかのWebExtensionsとChromeの拡張機能を見てきました

Question

ウェブサイトのフロントエンドを変更/プラグイン：

赤いボタンにはLinkedIn機能はありません.Chrome拡張機能を追加した後に表示されます。

彼らはどのようにしていますか？これを行うさまざまな方法は何ですか？それは正確に何と呼ばれていますか？

Answer 1

拡張子は、とりわけ、コンテンツスクリプト（Chrome docs、MDN docs）を定義することができます。

彼らは、もっと重要なのは、Webページのコード（と同じコンテキストではなく）と一緒に実行するJavaScriptコードの断片であり、 - ページのDOMへのアクセス権を持っています。

ページのDOMを変更することで、ページにUI要素を追加できます。このUI要素は、コンテンツスクリプトのコードによって処理され、拡張機能内の他の場所でアクションをトリガできます。それは、このようにページを変更できる拡張の一部だけだ

注意。