Chromeの拡張について

Chromeの拡張を作りたいなと思い、

Helloworld的なものをポップアップ表示させる拡張を作ってたんですが
見ていたブログやサイトがmanifest.jsonがV2に対応していなかったので色々躓いた。

V2への対応方法

manifest.jsonに

  "manifest_version" :2

を追記するだけ。

POPUPの値が変更になっている

V1でポップアップを表示させたい時は

   "popup": "popupのURL"

だったのが

  "default_popup": "popupのURL"

に変わったらしい。

manifest_versionが入ってないとエラーが表示されたんですが、
ポップアップの値はエラーも出なかったので謎が解けるまで時間かかりましたorz

[参考] V1からV2に変更になった時に色々変わったこと
Tutorial: Migrate to Manifest V2

\ こんな感じで出るようになったよ!! /
f:id:mermaid1112:20130730005449p:plain


以下、popupにhelloworldを表示させる拡張のサンプルコード

manifest.json
 {
    "manifest_version": 2,

    "name": "Hello World",
    "version": "1.0",
    "description": "Helloworld.を表示させるための拡張",
    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "./popup.html"
    }
}
popup.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body {
  min-width:357px;
  overflow-x:hidden;
}
</style>
</head>
<body>
<div id="hello">
Hello World
</div>
</body>
</html>
icon.png

f:id:mermaid1112:20130730005049p:plain