問題タブ [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 投票する
2 に答える
10088 参照

google-chrome-extension - 2 つの異なるタブのコンテンツ スクリプト間でデータを転送する方法は?

私の拡張機能では、あるタブのコンテンツ スクリプトから別のタブのコンテンツ スクリプトにデータを転送する必要があります。そのタブオブジェクトの名前またはURLの一部を知っている場合、chrome.tabsを使用して特定のタブを選択するにはどうすればよいですか? 2 つのタブのスクリプトはどのように通信できますか?

アップデート:

どうやら、chrome.extension にメソッド sendMessage がありません。コンテンツスクリプトから次を実行すると:

コンソールに入ります:

キャッチされていない TypeError: オブジェクト # にはメソッド 'sendMessage' がありません

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

javascript - クリック時にコンテンツ スクリプト関数を呼び出すボタンを追加しますか?

Google Chrome 拡張機能の content.js に次のコードがあります。

ボタンは正常に作成されましたが、クリックしてもメッセージが表示されず、Google Chrome コンソールに次のエラーが表示されました。

Uncaught ReferenceError: goFrame が定義されていません

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

google-chrome - すべてのDOMが作成された後にGoogle Chrome拡張機能のコンテンツスクリプトを実行する方法

DOM からビデオ URL を取得する必要がある Google Chrome 拡張機能があります。

ページがロードされた後、ビデオ要素が JavaScript によって作成されていることがわかりました。そこで、上記のコンテンツ スクリプトを「document_idle」フェーズで実行してみます。しかし、それでもビデオ要素は初期化されていないようです。

ビデオ要素を初期化してからコンテンツ スクリプトを実行する方法はありますか?

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

javascript - Chrome 拡張機能: コンテンツ スクリプトと background.html の間の通信

Chrome拡張機能は初めてです。コンテンツ スクリプトとbackground.htmlページの間で通信しようとしています。background.htmlはリクエスト「hello」をコンテンツ スクリプトに送信し、コンテンツ スクリプトは「hello background」アラートで応答する必要があります。しかし、それは起こっていません。私のbackground.htmlコードは次のとおりです。

content.jsコード:

popup.htmlコード:

manifest.json :

助けてください!

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

regex - pagemodを使用してFirefoxアドオンコンテンツスクリプトでサイトを除外する方法は?

ユーザースクリプトのFirefoxアドオンバージョンに取り組んでいます。page-mod ライブラリを使用すると、アドオンの構文は非常にシンプルになります。例えば:

test.user.jsこれにより、一致するサイトのスクリプトが実行されます*.example.com。ただし、典型的なユーザースクリプトでは、除外行を指定することもできるため、含まれている URL のサブディレクトリを簡単にバイパスできます。IOW、次のような行が必要です:

しかし、pagemodのドキュメントには、そのようなオプションは記載されていません (また、存在するようにも見えません)。 この場合、どのように除外を指定しますか?

include は、正規表現から構築された一致パターンも受け入れることができるようです。ただし、正規表現が *.example.com には一致するが、*.example.com/subdir には一致しない (ただし、*.example.com/othersubdirs にも一致する) とは想像できません。

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

google-chrome - Chrome インスペクタのコンテンツ スクリプトとは

これは非常に基本的なことかもしれませんが、これに対する答えが見つからないようです。について多くの議論が見られcontent scriptsます。で開いweb inspectorchromeを選択するsourcesと、 というタブが表示されcontent scriptsます。いくつかの乱数と多数のスクリプトが表示されますが、これらが何であるかを理解できないようです。これらはどのように示されていますか?これらはどこから来たのですか?私のサーバーがこれらのいずれにもサービスを提供していることを確認できません。

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

javascript - テキスト ファイルを配列に読み込む

重複の可能性:
コンテンツ スクリプトで Chrome 拡張機能がパッケージ化されたファイルを読み取る

次のことを行う必要がある小さな拡張機能を開発したいと考えています。

  1. テキスト ファイル (拡張機能に同梱されているファイル) を読み取る
  2. 各行を文字列として配列に保存します
  3. ページの URL をチェックして、互換性のあるページの 1 つであるかどうかを確認します。
  4. ページを読んで、配列に存在する単語を見つけます
  5. これらの単語を Google 検索にリンクさせます。

したがって、ステップ 3 から 5 までは、どうすればよいかについてある程度のアイデアはありますが、1 と 2 では道に迷ってしまいます。を介してファイルを取得することを考えてchrome.extension.getURL("files/mytext.txt");いましたが、これはファイルを取得するだけで、読み取りません。

ありがとう!編集: フォーマット

0 投票する
5 に答える
83679 参照

jquery - css または jquery で !important をオーバーライドする

(これは、Chrome 拡張機能でコンテンツ スクリプトを使用しています)

Web ページでラベルが付けられているいくつかの css プロパティを上書きする必要があります!important。これは可能ですか?

たとえば、重要とラベル付けされた境界線を取り除きたい場合:

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

javascript - @font-face スタイルシート ルールを Chrome 拡張機能に追加する

chrome-extension を介して @font-face スタイルシート ルールを追加するための推奨される方法は何ですか? 問題は、フォントの埋め込みの URL が拡張機能内にあるため、使用するには JavaScript で行う必要があることchrome.extension.getURLです。

コンテンツ スクリプトを試してみdocument.styleSheets[0].addRuleましたが、うまくいきませんでした。明確にするために、web_accessible_resources の下にリストされているフォントもあります。

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

javascript - Google タスクによって追加されたノードを操作するには?

現在、この Google タスク ガジェットのスタイル要素を変更しようとしています:

クロム コンテンツ スクリプトを使用します。

この例では、下部のツールバーを削除しています。Google が JavaScript で HTML を生成し、それを iframe に入れるためです。このコードを使用する必要があります:

このコードを開発者コンソールから実行すると、ツールバーが非表示になります。ただし、コンテンツ スクリプトとしては機能しません。

これは、ページの準備が整う前にコードが実行されるためだと思いました。だから私はイベントリスナーを使用しようとしました:

しかし、それもうまくいきませんでした。イベントリスナー「domready」と「load」も試しました。しかし、どれも機能しませんでした。

どうすればその要素を取得できますか?