Groovesharkで曲を再生するChrome拡張機能

Question

Grooveshark Javascript APIを使用してGroovesharkで曲を再生する手順をローカルホストサーバーに接続するクロム拡張を作成したいとします。 （http://grooveshark.com/GroovesharkAPI.html）

たとえば、私はJavaScriptコンソールでwindow.Grooveshark.addSongsByID([13963],true)を入力した場合、それは曲を追加しますと、それは私がこれを行うことができるようにする必要がある必要があるように再生を開始内線から。だから、開始するには、私は、コマンドを実行するために背景ページと拡張し、ちょうどこの単一のスクリプトを作りたかった：

background.html

background.js

chrome.browserAction.onClicked.addListener(function(tab) { 
chrome.tabs.executeScript(
    null, {code:"window.Grooveshark.addSongsByID([13963],true)"}); 
}); 

マニフェスト.json

{ 
    "name": "Play song in Grooveshark", 
    "version": "0.1.0", 
    "background_page": "background.html", 
    "permissions": [ 
    "tabs", "http://*/*" 
    ], 
    "browser_action": { 
    "name": "Play song", 
    "default_icon": "icon.png" 
    } 
} 

誰も私にそれがなぜ動作しないのか教えてもらえますか？

ありがとうございます！

Answer 1

コンテンツスクリプトは、親ページのwindowオブジェクトにアクセスできません。あなたのコードでページに<script>タグを注入する必要があります。

//bg page 
chrome.tabs.executeScript(null, { 
    code: "injectJs('window.Grooveshark.addSongsByID([13963],true)')" 
}); 

//content script 
function injectJs(code) { 
     var scr = document.createElement("script"); 
     scr.type = "text/javascript"; 
     scr.text = code; 
     (document.head || document.body || document.documentElement).appendChild(scr); 
} 

あなたはすべてのページにマニフェストを通じてinjectJs機能を注入した後、必要なときにそれを呼び出すことができます。

Answer 2

これをほぼ透明にするためのラッパーを作成しました。スクリプト注入ソリューションでは、このプロキシが機能している間は、関数から戻り値を取得することもできません。

コンテンツスクリプトにこれを含め、window.Groovesharkの代わりにGroovesharkProxyのメソッドを呼び出します。

https://github.com/msfeldstein/Grooveshark-Chrome-Extension-Proxy

http://www.macromeez.com/use-groovesharks-js-api-from-a-chrome-extension/