タグ付けされた質問 「google-chrome-extension」

ブラウザのコンソールでECMAScript 6コードを実行する方法を探していますが、ほとんどのブラウザは、探している機能をサポートしていません。たとえば、Firefoxは、矢印機能をサポートする唯一のブラウザです。 Chromeでこれらの機能を実行する方法（拡張機能、ユーザースクリプトなど）はありますか？

162 google-chrome  google-chrome-extension  userscripts  ecmascript-6 

ユーザーが特定のオプションを定義できるオプションページがあり、それをlocalStorageに保存します。 options.html 現在、options.htmlページで定義されたオプションを取得する必要があるコンテンツスクリプトもありますが、コンテンツスクリプトからlocalStorageにアクセスしようとしても、オプションページから値が返されません。 コンテンツスクリプトにlocalStorage、オプションページ、またはバックグラウンドページから値を取得させるにはどうすればよいですか？

157 google-chrome-extension  local-storage  content-script 

これを行う良い方法はありますか？コンテンツスクリプトとしてウェブサイトとやり取りし、localstorageを使用してデータを保存する拡張機能を書いています。この動作をテストするために使用できるツール、フレームワークなどはありますか？JavaScriptをテストするための一般的なツールがいくつかあることに気づきましたが、それらは拡張機能をテストするのに十分なパワーですか？単体テストが最も重要ですが、他のタイプのテスト（統合テストなど）にも興味があります。

154 unit-testing  google-chrome  google-chrome-extension 

Chromeウェブインスペクターでページのダウンロードされたリソースを表示すると、特定の拡張機能からリクエストされたHTML / JS / CSSも表示されます。 上記の例ではindicator.html、indicator.jsとindicator.cssは実際には私のアプリの一部ではなく、読みやすさのChrome拡張機能の一部です。 これはこの特定の状況ではそれほど大きな問題ではありませんが、より複雑なページでいくつかの拡張機能がインストールされていると、かなり混雑する可能性があります。 このリストから拡張機能関連のリソース（つまり、chrome-extension://プロトコルを使用する要求）をフィルターで除外する方法があるかどうか疑問に思っていました。 誰が私がこれを達成できるか知っていますか？

152 google-chrome  google-chrome-extension  google-chrome-devtools 

コンテンツスクリプトと拡張機能の間でメッセージをやり取りしようとしています これは私がコンテンツスクリプトに持っているものです chrome.runtime.sendMessage({type: "getUrls"}, function(response) { console.log(response) }); そして私が持っているバックグラウンドスクリプトで chrome.runtime.onMessage.addListener( function(request, sender, sendResponse) { if (request.type == "getUrls"){ getUrls(request, sender, sendResponse) } }); function getUrls(request, sender, sendResponse){ var resp = sendResponse; $.ajax({ url: "http://localhost:3000/urls", method: 'GET', success: function(d){ resp({urls: d}) } }); } getUrls関数のajax呼び出しの前に応答を送信すると、応答は正常に送信されますが、ajax呼び出しの成功メソッドでは、応答を送信しても送信されません。デバッグに入ると、sendResponse関数のコード内ではポートはnull です。

151 javascript  google-chrome  google-chrome-extension  google-chrome-app 

Chrome開発者ツール：ConsoleタブとSourcesタブを別々のビューで表示する方法はありますか？私はしばしばこれらの両方を同時に見たいと思います。 タブEsc上で押すと、下部のSources小さなビューが表示さConsoleれます。しかし、私は同時に両方のより大きな見方を望んでいます。これは可能ですか？ そうでない場合、これはChrome拡張機能でできることですか？ 編集： 明確化- 開発ツールウィンドウのドッキングを解除する方法を知っています（これが私のデフォルトのセットアップです）。ただ、貪欲Iの推測であると思って、私はさらに分割することができる場合Sourcesと、Console別のドッキングウィンドウに（または非常に少なくとも、同じウィンドウに垂直自分の意見分割を持って、代わりに水平方向のように押しEscています）

128 google-chrome  google-chrome-extension  google-chrome-devtools 

私はクローム拡張を書いています。そしてjQuery、拡張機能で使用したいと思います。バックグラウンドページは使用せず、バックグラウンドスクリプトのみを使用しています。 これが私のファイルです： manifest.json { "manifest_version": 2, "name": "Extension name", "description": "This extension does something,", "version": "0.1", "permissions": [ "activeTab" ], "browser_action": { "default_icon": "images/icon_128.png" }, "background": { "scripts": ["background.js"], "persistent": false }, "icons": { "16": "images/icon_16.png", "48": "images/icon_48.png", "128": "images/icon_128.png" } } 私のbackground.jsファイルは、work.js // Respond to the click on extension …

128 javascript  jquery  google-chrome  asynchronous  google-chrome-extension 

〜/ Library / Application Support / Google / Chrome /;でそれらを見つけることができません。彼らはどこにいる？ Mac Pro 10.8.4 Chromeバージョン26.0.1410.65

118 macos  google-chrome  google-chrome-extension 

ポップアップからactiveTab DOMコンテンツにアクセスしようとしています。これが私のマニフェストです： { "manifest_version": 2, "name": "Test", "description": "Test script", "version": "0.1", "permissions": [ "activeTab", "https://api.domain.com/" ], "background": { "scripts": ["background.js"], "persistent": false }, "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'", "browser_action": { "default_icon": "icon.png", "default_title": "Chrome Extension test", "default_popup": "index.html" } } バックグラウンドスクリプト（永続性がfalseのイベントページ）とcontent_scriptsのどちらが適切かについて、私は本当に混乱しています。私はすべてのドキュメントと他のSOの投稿を読みましたが、それでも私には意味がありません。 なぜ私が他のものを使用するのかを誰かが説明できますか？ これが私が試しているbackground.jsです： chrome.extension.onMessage.addListener( function(request, sender, sendResponse) { …

116 javascript  google-chrome-extension 

Accept-languageリクエストヘッダーをChromeで必要なものに変更したいのですが、それを実行できる拡張機能やプラグインはありますか？ロケールと言語の両方を変更できるようにしたい。主な要件は、ロケールの変更です。

110 google-chrome  google-chrome-extension 

CSSを使用しているときは、ブラウザー（Chromeなど）で要素を右クリックし、[要素の検査]をクリックして、CSSを編集することがよくあります。矢印キーを使用してマージンやパディングなどを変更すると、非常に簡単に整列できます。 これらの変更を適用してCSSファイルに適用することはそれほど難しくありませんが、インスペクターでセレクターを右クリックして[エクスポート]または[コピー]を選択し、コンテンツを使用できるようにすると便利ですクリップボード。 このようなものは存在しますか？

104 css  webkit  google-chrome-extension  web-inspector 

私はWebStorm 5を購入したばかりで、これまでのところ、その検査機能を本当に楽しんでいます。Chrome拡張機能を開発しているときに遭遇した1つの問題は、chrome変数を認識しないことです。 chrome入力時にオートコンプリートできるように、インスペクターに変数を追加する方法はありますか？Chromiumを外部ライブラリとして追加する必要があると思いますが、どこから始めればよいかわかりません。

104 javascript  autocomplete  google-chrome-extension  intellij-idea  webstorm 

とにかく、popup.htmlを強制的に閉じることはできますか？

102 javascript  google-chrome  google-chrome-extension 

コンテンツスクリプト機能を使用してウェブサイトを変更するシンプルなChrome拡張機能があります。より具体的にはbackground-image、上記のウェブサイト。 何らかの理由で、拡張機能にパックされていても、ローカル画像を使用できないようです。 body { background: #000 url('image.jpg') !important; background-repeat: repeat !important; } それだけです。最も単純なCSSですが、機能しません。ブラウザは画像をロードしません。

98 css  google-chrome-extension  background-image 

私はChrome拡張機能を作成している最中です。全体を思い通りに機能させるには、ユーザーが私の拡張機能をインストールしているかどうかを検出できる外部JavaScriptスクリプトが必要です。 例：ユーザーがプラグインをインストールしてから、スクリプトを実行しているWebサイトにアクセスします。ウェブサイトは私の拡張機能がインストールされていることを検出し、それに応じてページを更新します。 これは可能ですか？

96 javascript  google-chrome  google-chrome-extension