ノティフィケーション2

前の記事を参考に作ってみたｗ

main.jsonに記述する分

{
"name": "タイトル",
"version": "1.0",
"description": "ディスクリプション.",
"background_page": "background.html",
"browser_action": {
"default_icon": "p.jpg",
"name": "Click Here"
},
"permissions": [
"notifications"
]

}
background.htmlに記述する分
default_icon→ツールバーに載せる画像。

<html>
<head>
<script>
    chrome.browserAction.onClicked.addListener(
        function(tab){
                var notification = webkitNotifications.createNotification(
                    chrome.extension.getURL("k.jpg"), "あは!!", "●ッ●ーだよ!!");
                　　　　　　　　　　　　　　　　 notification.show(　);
        }
    );
</script>
</head>
</html>

この「k.jpg」はノティフィケーションの中に出てくる画像。

imagesに
「p.jpg」と「k.jpg」の画像をぶち込んでおく。

まぁ、誰得なのかと…。(´・ω・｀)
てか、画像とメッセージ変えただけじゃねか…orz

注意事項

ノティフィケーション

参照元：http://dev.classmethod.jp/ria/google-chrome-extension-6/

Chromeの拡張機能エクステンション
ノティフィケーションを作りたかったとき。
（画面の右下から出てくる奴）

内容としてはツールバーボタンをクリックしたら、
ノティフィケーションが出る仕様らしい。

↓manifest.jso

{
"name": "NotificationSample",
"version": "1.0",
"background_page": "background.html",
"permissions": [
"notifications"
],
"browser_action": {
"default_icon": "icon_128.png",
"name": "Notification"
}
}

「permissionsに”notifications”を指定」
とのこと

↓
webkitNotifications.createNotification({表示するアイコンのパス}, {タイトル}, {メッセージ});

これをhtml形式で作ってやって数値をそれぞれ代入していくと…

<html>
<head>
<script>
    chrome.browserAction.onClicked.addListener(
        function(tab){
                var notification = webkitNotifications.createNotification(
                    chrome.extension.getURL("icon_128.png"), "クリック!!", "ツールバーボタンがクリックされました。");
                notification.show();
        }
    );
</script>
</head>
</html>

これを.htmlで保存して終了ですと。

jsonをぶち込むか、拡張機能のパッケージ化なんかで
インストすればいい感じですかね？

そうかっ！わからんヽ(｀Д´#)ﾉ

注意事項

ソースコードを張り付ける

前回の記事で
ソースコード張れねーじゃん( ﾟдﾟ )ｸﾜｯ!!
なんて、困っていたんですけど

<pre>

</pre>
で囲ってやればいいらしい
とのことを調べたら書いてあった。

参考：http://thinksimplydeeply.blogspot.jp/2011/07/blog-post_6507.html

うー、わからん(´・ω・｀；)
悩んでた隙に

参考：唐辛子

コンバーターがあった。
楽い。(´∀｀)

なるほどｗ
「＜」の部分を
「＆lt;」にしてやってるのか

わからん(´∀｀！)

注意事項

春菊のブログ

ブログの説明を入力します。

ノティフィケーション2

ノティフィケーション

ソースコードを張り付ける