問題タブ [content-script]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
1557 参照

google-chrome - Chrome拡張機能の複数のメッセージ

問題を説明させてください。私はクローム拡張機能を開発していますが、少し機能が足りません。ブラウザでURLを取得し、サーバーから何かを取得して、badgeTextを更新する必要があります。

contentscript1.js

contentscript2.js

background.js

実際の主な問題は、クロスサイトリクエストの結果をバックグラウンドに送信する必要があるため、これら2つのメッセージ(URL +結果)をリッスンする必要があることです。 connect()を使用する必要はありませんが、それが機能する場合は...そして2つのコンテンツスクリプトが必要かどうかさえわかりません。誰かが何か考えがありますか?ありがとう...

0 投票する
1 に答える
13187 参照

google-chrome - Chrome拡張機能のバックグラウンドスクリプトとコンテンツスクリプトの違い

質問にあるように、Chrome拡張機能のバックグラウンドスクリプトとコンテンツスクリプトの違いを知りたいだけです。両方のスクリプトにchromeオブジェクトを記録すると、異なるオブジェクトが見つかりました。

使用事例

アイコンがクリックされたときにJavaScriptをページに挿入したいのでmanifest.json、コンテンツスクリプトを追加しましたが、コンテンツスクリプト内のアイコンクリックイベントを聞くことができません。

chrome.browserActionは、コンテンツスクリプトのchromeオブジェクトで定義されていません。

質問

コンテンツスクリプトでクリックイベントを聞くにはどうすればよいですか。背景スクリプトとコンテンツスクリプトの両方を含めることはできますか?

これは私のmanifest.jsonです

0 投票する
4 に答える
33556 参照

jquery - Google Chrome拡張ページアクションbackground.jsでjqueryを使用するには?

「ページ アクション」Google Chrome 拡張機能を開発しています。私のマニフェストは次のとおりです。

私の background.js ファイルには次のものがあります。

これは機能します。私のdoSomething関数では、現在のページのデータを読みたいと思っています。jqueryを使用してデータを読み取る方がはるかに簡単なので、必要な正確なデータを簡単にターゲットにできます。jquery (できれば Google の CDN から提供される) を組み込んで、doSomething関数にアクセスできるようにするにはどうすればよいですか?

0 投票する
1 に答える
1112 参照

jquery - グーグルクローム拡張機能のコンテンツスクリプトでCookieにアクセスする

私はグーグルクロームで簡単な拡張機能を持っています。コンテンツスクリプトは、単純なアラートステートメントを含むjsファイルです。ここで、Cookieの値を「sid」という名前で取得したいと思います。$ .cookie('sid')を使用すると、機能しなくなります。これを機能させるためにchrome.cookieを使用する方法がわかりません。

私がやりたいのは、Cookieの値を変数に格納することだけです。

助けてください

0 投票する
1 に答える
1238 参照

javascript - 応答がバックグラウンドから送信された場合、コンテンツ スクリプトで関数を実行します

Chrome 拡張機能で、選択したテキストを PHP Web ページに投稿しようとしています。この Web サイト ( Chrome 拡張機能: 選択したテキストをキャプチャして Web サービスに送信する方法) で解決された質問は、これを達成するのに大いに役立ちましたが、テキストを投稿する別の方法が必要です。
そこに記載されている XMLHttpRequest の代わりに、コンテンツ スクリプトから非表示の JS フォームを送信したいと考えています。この方法により、データベースにインポートする前にテキストを表示または変更できます。

問題は、バックグラウンドからコンテンツ スクリプトへのトリガーを取得することです。私はすでに他の方法でメッセージを持っているので、関数(応答)を使用することが望ましいです。ただし、「sendMessage」の外では、response.cmd をリッスンできません。そして、「sendMessage」内で、関数をトリガーする response.cmd を取得できません。バックグラウンドスクリプトからまったく新しいメッセージを送信する以外に、これに対する解決策はありますか? 私が参照しているコード:

Background.js

Content_script.js

0 投票する
1 に答える
212 参照

dom - コンテンツ スクリプトが機能しない div を挿入する

私は本当に単純に見えるものにこだわっています。ユーザーがアクセスしたすべてのページに、Google Chrome 拡張機能で独自の div を挿入しようとしています。ウェブで例を見ましたが、何もうまくいかないようです:s

これが私のmanifest.jsonです

そして私のtest.js

しかし、ソース コードには何も表示されません... div が作成されていません。test.js が実行されているかどうかを確認するにはどうすればよいですか? なぜそれが私ではなく他の人と一緒に働いているのか理解できません:sどんな助けにも感謝します!

0 投票する
2 に答える
1658 参照

javascript - クロム コンテンツ スクリプト: window.postMessage()「メッセージ」イベントに「ソース」プロパティが含まれていません

サイトにコンテンツ スクリプトを追加する chrome 拡張機能を作成しています (これをホストと呼びましょう)。コンテンツ スクリプトは、私のドメイン (クロス ドメイン) につながるホストに iframe を作成します。

parent.postMessage() を介して、iframe からホストにメッセージを送信できます。ただし、受信した「メッセージ」イベントには「ソース」プロパティが含まれていないため、メッセージを子に戻すことができません。

UPDATE クライアント側のソリューションまたはこの動作の説明を探しています。

0 投票する
1 に答える
157 参照

google-chrome - Chrome 拡張マニフェスト エラー: content_script[0].matches[0]

これが問題かもしれないと思います:

0 投票する
1 に答える
208 参照

google-chrome-extension - Chrome拡張機能を使用して、Webページのスクリプトを実行する前に、Webページのコンテキストでスクリプトを実行することは可能ですか?

を試し"run_at": "document_start"ましたが、拡張機能が制御を取得するときにDOMがないため、にを挿入できませscripthead。また、を使おうとしましDOMNodeInsertedたが、解雇されませんheadscriptonの最初のイベントを挿入しようとするとDOMNodeInserted、Webページのスクリプトの後に実行されます。

0 投票する
1 に答える
3038 参照

google-chrome-extension - Chrome コンテンツ スクリプトを使用して、URL のクエリ パラメータのパターンを照合するにはどうすればよいですか?

コンテンツ スクリプトを使用して、Google 画像検索結果ページのみに一致する Chrome 拡張機能を作成しようとしています。
それらは (私が知る限り) &tbm=ischURL パラメーターで識別されます。ただし、一致パターンはパスでのみ機能するようです。どうすればいいですか?