2009年10月1日木曜日

Chromiumの拡張機能(Backround Pagesの最小構成)

Chromiumのサイト(Extensionsのところ)
技術評論社のGoogleChrome拡張機能に関する連載
AutoPagerize For Chromeのページ
Chromiumのサイト(Extensionsのサンプルのところ)の「Subscribe in Feed Reader」のソースコード

manifest.json
{
"name": "My First Extension",
"version": "1.0",
"content_scripts": [ {
"js": [ "jquery-1.3.2.js", "background.js" ],//ちなみにjqueryも使うことが出来る。
"matches": [ "http://*/*", "https://*/*" ]
} ],
"description": "The first extension that I made.",
"background_page": "background.html",
"run_at": "document-start"//これは無くてもいい
}
background.js
window.addEventListener("click", callFunc);

function callFunc(){
chrome.extension.connect().postMessage();
}
background.html
<html>
<head>
<script>
chrome.extension.onConnect.addListener(function(port){
window.open("helloworld.html");
});
</script>
</head>
<body>
background
</body>
</html>
helloworld.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script src="http://www.google.com/jsapi"></script>
<title>TEMPLATE</title>
</head>
<body>
<h1>HELLO WORLD!!</h1>
</body>
</html>

0 件のコメント:

コメントを投稿