m_shige1979のささやかな抵抗と欲望の日々

プログラムの勉強をしながら学習したことや経験したことをぼそぼそと書いていきます

なんとなく作ったサイト

http://www.it-check-matome.info/


Github(注意すること)

https://github.com/mshige1979

Chrome Appsの作成でポップアップを表示

はてぶのツールとかのあれ

をどのように再現しているのかを確認する

今回やったこと

f:id:m_shige1979:20150113215033p:plain

ファイルリスト

.
├── README.md
├── icon_128.png
├── main.js
├── manifest.json
├── popup.html
└── sample_support_metadata.json

マニフェストファイルに"browser_action"を用意

{
  "manifest_version": 2,
  "name": "Popup",
  "version": "1.0",
  "description" : "Popup Description",
  "browser_action" : {
    "default_icon" : "icon_128.png",
    "default_title" : "Popup",
    "default_popup" : "popup.html"
  }
}

popup用のhtmlを用意

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <script src="main.js"></script>
    <style>
        body{
            width: 400px;
            height: 400px;
        }
    </style>
</head>
<body>
    <h1>POP UP TEST</h1>
    <div>
        <button>push</button>
    </div>
</body>
</html>

取り込むと使用できるようになります

f:id:m_shige1979:20150113215556p:plain

所感

popアップを使用することで簡単なダイアログを使えるのでめもを保存するとかなにかの用途に使えそう。単純に別のページへ遷移するものとかあるけどもう少しできることを調べておく

広告を非表示にする