2012-03-30 20 views
10

クリックしたときに新しいブラウザタブでURLを開くシンプルなクロム拡張機能を作成したいと思います。これは私がマニフェストのために持っているものです.jason新しいタブでリンクを開くためのChrome拡張機能の作成

{ 
    "name": "Sprout Social", 
    "description": "Shortcut to Sprout Social", 
    "permissions": [ 
     "tabs" 
    ], 
    "icons": { 
     "128": "128.png" 
    }, 
    "launch": { 
     "web_url": "http://www.sproutsocial.com" 
    } 
} 

助けがあれば助かります。

+0

どのようなリンクについて話していますか?ページ上のリンク? browserActionボタン? – abraham

答えて

2

私はあなたがあなたのスキーマで定義する方法は、まず、

chrome.tabs.create 

chrome.browserAction.onClicked.addListener(function() { 

     chrome.tabs.create({'url': chrome.extension.getURL('popup.html')}, function(tab) { 

     }); 

}); 
15

OKですだと思い、manifest.jsonを(ないジェイソンは)あなたがそれを台無しことはできませんが、厳格な構造を有しています。あなたは、ブラウザアクション拡張機能を作成する必要が

https://developer.chrome.com/extensions/manifest.html

、それはあなたの拡張機能は、ツールボタンの近くにボタンを持っていることを意味します。

https://developer.chrome.com/extensions/browserAction.html

あなたはその部分をスキップすることができ、任意のpopup.htmlを必要としません。 あなたの背景ページを作成する必要があります、多くの人が名前を付けることは、このフォームでは、このHTMLファイルには、あなたのコードを持っています background.html:

<html><head><script> your script here (use as many lines as you want) </script></head>/html> 

このHTMLは表示されませんではないでしょう。

とコードは、他の回答内のコードのように、あなたが望む何もすることができます:

chrome.browserAction.onClicked.addListener(function() { 
    chrome.tabs.create({'url': "http://www.sproutsocial.com"}); 
}); 

そして、それはそれです。

+0

+1ありがとうございます...現在のタブでページを読み込む方法??? – RajeshKdev

+3

RJK、try chrome.tabs.update({url: 'http://your.url.com'}); –

+2

YoArgentinoその仕事。再度、感謝します。 :) – RajeshKdev

5

シンプルなソリューションでは、HTMLは必要ありません。

このコードのbackground.jsファイル、作成

"browser_action": { 
    "default_icon": "images/icon38.png", 
    "default_title": "Your title" 
}, 
"background": { 
    "scripts": ["background.js"], 
    "persistent": false 
} 

manifest.jsonをにこれを追加します。

chrome.browserAction.onClicked.addListener(function(tab) { 
    chrome.tabs.create({ url: "http://www.yoursite.com" }); 
}); 

注:私はmanifest.jsonをで"permissions": ["tabs"]を追加しないとアクセス履歴の警告:「閲覧履歴を読む」が追加され、ユーザーに混乱を招く可能性があるためです。拡張機能はまだ動作します。

関連する問題