1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Chromeアプリ:アイコンをクリックしたらhtmlを表示するアプリ

Last updated at Posted at 2015-01-28

メモ代わりに使っていきます。

#chromeアプリを作ってみます。

1.デスクトップにファルダを作り,以下のファイルを作成します。

manifest.json
{
  "name": "sample app",
  "version": "1.0",
  "manifest_version": 2,
  "icons": {
     //アイコン画像
  },
  "description": "sample app",
  "browser_action": {
    "default_popup": "popup.html"
  }
}
popup.html
<h1>popup</h1>

2.chromeブラウザを開いて,URLの右側にある三本線をクリック
スクリーンショット 2015 01 28 15.20.29.png

「その他のツール」から「拡張機能」を開く。
3.下図のようにデベロッパーモードをチェックし,先ほどのフォルダを拡張機能に読み込ませる。
スクリーンショット 2015 01 28 15.06.49.png

popupアイコンができてクリックすると以下のように表示される。
スクリーンショット 2015-01-28 15.18.23.png
##参考文献

ドットインストール:Google Chrome拡張機能入門

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?