= Development of Google Chrome Apps =

== 2012-03-01 ==

 * 首先需要了解 Google Chrome 的不同型態：[http://code.google.com/chrome/extensions/getstarted.html 擴充套件(Google Chrome Extensions)]、[http://code.google.com/chrome/apps/docs/developers_guide.html 線上網頁應用程式（Hosted App）]與[http://code.google.com/chrome/extensions/apps.html 套件網頁應用程式（Packaged App）]，因此撰寫 Google Chrome 瀏覽器的應用程式最好先問自己底下的幾個問題：
  * [[Image(http://code.google.com/chrome/webstore/images/flowchart.png)]]

 * 目前看起來不管是上述哪一種，都必須具備兩個檔案：manifest.json 應用程式描述檔跟一個 128.png 的 Logo 圖示。

 * 底下有一個系列的 Chrome App 範例解釋，蠻詳盡的～值得參考！
   * [http://blog.engelke.com/2011/12/05/chrome-web-app-bookshelf-part-1/ Chrome Web App Bookshelf – Part 1]
   * [http://blog.engelke.com/2011/12/06/chrome-web-app-bookshelf-part-2/ Chrome Web App Bookshelf – Part 2]
   * [http://blog.engelke.com/2011/12/11/chrome-web-app-bookshelf-part-3/ Chrome Web App Bookshelf – Part 3]
   * [http://blog.engelke.com/2011/12/28/chrome-web-app-bookshelf-part-4/ Chrome Web App Bookshelf – Part 4]
   * [http://blog.engelke.com/2012/01/01/chrome-web-app-bookshelf-part-5/ Chrome Web App Bookshelf – Part 5]
   * [http://blog.engelke.com/2012/01/07/chrome-web-app-bookshelf-part-6/ Chrome Web App Bookshelf – Part 6]
   * [http://blog.engelke.com/2012/01/08/chrome-web-app-bookshelf-part-7-of-7/ Chrome Web App Bookshelf – Part 7]
   * 更重要的是還有 github 原始碼可以看～
 * [http://www.vikitech.com/2398/create-chrome-web-apps How To Create Your Own Chrome Web Apps] - 這篇介紹了一個 

 * DEBUG: 在 Firefox 常用 Firebug 進行除錯，在 Google Chrome 上的話，就可以用[http://code.google.com/intl/zh-TW/chrome/devtools/docs/overview.html Google Chrome Developer Tools]，最好學一下它的使用方法。