問題タブ [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.
google-chrome-extension - 2 つの異なるタブのコンテンツ スクリプト間でデータを転送する方法は?
私の拡張機能では、あるタブのコンテンツ スクリプトから別のタブのコンテンツ スクリプトにデータを転送する必要があります。そのタブオブジェクトの名前またはURLの一部を知っている場合、chrome.tabsを使用して特定のタブを選択するにはどうすればよいですか? 2 つのタブのスクリプトはどのように通信できますか?
アップデート:
どうやら、chrome.extension にメソッド sendMessage がありません。コンテンツスクリプトから次を実行すると:
コンソールに入ります:
キャッチされていない TypeError: オブジェクト # にはメソッド 'sendMessage' がありません
javascript - クリック時にコンテンツ スクリプト関数を呼び出すボタンを追加しますか?
Google Chrome 拡張機能の content.js に次のコードがあります。
ボタンは正常に作成されましたが、クリックしてもメッセージが表示されず、Google Chrome コンソールに次のエラーが表示されました。
Uncaught ReferenceError: goFrame が定義されていません
google-chrome - すべてのDOMが作成された後にGoogle Chrome拡張機能のコンテンツスクリプトを実行する方法
DOM からビデオ URL を取得する必要がある Google Chrome 拡張機能があります。
ページがロードされた後、ビデオ要素が JavaScript によって作成されていることがわかりました。そこで、上記のコンテンツ スクリプトを「document_idle」フェーズで実行してみます。しかし、それでもビデオ要素は初期化されていないようです。
ビデオ要素を初期化してからコンテンツ スクリプトを実行する方法はありますか?
javascript - Chrome 拡張機能: コンテンツ スクリプトと background.html の間の通信
Chrome拡張機能は初めてです。コンテンツ スクリプトとbackground.htmlページの間で通信しようとしています。background.htmlはリクエスト「hello」をコンテンツ スクリプトに送信し、コンテンツ スクリプトは「hello background」アラートで応答する必要があります。しかし、それは起こっていません。私のbackground.htmlコードは次のとおりです。
content.jsコード:
popup.htmlコード:
manifest.json :
助けてください!
regex - pagemodを使用してFirefoxアドオンコンテンツスクリプトでサイトを除外する方法は?
ユーザースクリプトのFirefoxアドオンバージョンに取り組んでいます。page-mod ライブラリを使用すると、アドオンの構文は非常にシンプルになります。例えば:
test.user.js
これにより、一致するサイトのスクリプトが実行されます*.example.com
。ただし、典型的なユーザースクリプトでは、除外行を指定することもできるため、含まれている URL のサブディレクトリを簡単にバイパスできます。IOW、次のような行が必要です:
しかし、pagemodのドキュメントには、そのようなオプションは記載されていません (また、存在するようにも見えません)。 この場合、どのように除外を指定しますか?
include は、正規表現から構築された一致パターンも受け入れることができるようです。ただし、正規表現が *.example.com には一致するが、*.example.com/subdir には一致しない (ただし、*.example.com/othersubdirs にも一致する) とは想像できません。
google-chrome - Chrome インスペクタのコンテンツ スクリプトとは
これは非常に基本的なことかもしれませんが、これに対する答えが見つからないようです。について多くの議論が見られcontent scripts
ます。で開いweb inspector
てchrome
を選択するsources
と、 というタブが表示されcontent scripts
ます。いくつかの乱数と多数のスクリプトが表示されますが、これらが何であるかを理解できないようです。これらはどのように示されていますか?これらはどこから来たのですか?私のサーバーがこれらのいずれにもサービスを提供していることを確認できません。
javascript - テキスト ファイルを配列に読み込む
次のことを行う必要がある小さな拡張機能を開発したいと考えています。
- テキスト ファイル (拡張機能に同梱されているファイル) を読み取る
- 各行を文字列として配列に保存します
- ページの URL をチェックして、互換性のあるページの 1 つであるかどうかを確認します。
- ページを読んで、配列に存在する単語を見つけます
- これらの単語を Google 検索にリンクさせます。
したがって、ステップ 3 から 5 までは、どうすればよいかについてある程度のアイデアはありますが、1 と 2 では道に迷ってしまいます。を介してファイルを取得することを考えてchrome.extension.getURL("files/mytext.txt");
いましたが、これはファイルを取得するだけで、読み取りません。
ありがとう!編集: フォーマット
jquery - css または jquery で !important をオーバーライドする
(これは、Chrome 拡張機能でコンテンツ スクリプトを使用しています)
Web ページでラベルが付けられているいくつかの css プロパティを上書きする必要があります!important
。これは可能ですか?
たとえば、重要とラベル付けされた境界線を取り除きたい場合:
javascript - @font-face スタイルシート ルールを Chrome 拡張機能に追加する
chrome-extension を介して @font-face スタイルシート ルールを追加するための推奨される方法は何ですか? 問題は、フォントの埋め込みの URL が拡張機能内にあるため、使用するには JavaScript で行う必要があることchrome.extension.getURL
です。
コンテンツ スクリプトを試してみdocument.styleSheets[0].addRule
ましたが、うまくいきませんでした。明確にするために、web_accessible_resources の下にリストされているフォントもあります。
javascript - Google タスクによって追加されたノードを操作するには?
現在、この Google タスク ガジェットのスタイル要素を変更しようとしています:
クロム コンテンツ スクリプトを使用します。
この例では、下部のツールバーを削除しています。Google が JavaScript で HTML を生成し、それを iframe に入れるためです。このコードを使用する必要があります:
このコードを開発者コンソールから実行すると、ツールバーが非表示になります。ただし、コンテンツ スクリプトとしては機能しません。
これは、ページの準備が整う前にコードが実行されるためだと思いました。だから私はイベントリスナーを使用しようとしました:
しかし、それもうまくいきませんでした。イベントリスナー「domready」と「load」も試しました。しかし、どれも機能しませんでした。
どうすればその要素を取得できますか?