Firefox OS模擬器試玩

Firefox OS是Mozilla基金會的新產品,將行動裝置與瀏覽器做更緊密地結合。 號稱只要會寫Web App,就能開發Firefox OS App。

下午剛好看到介紹文章,裡面提到有提供跨平台能執行的模擬器,就決定動手來試裝看看。

開發環境設定

1. 安裝FIrefox 15+版本 2. 前往 http://people.mozilla.org/~myk/r2d2b2g/ 下載並安裝對應版本插件 3. 裝完可以透過 選單 > 工具 > 網頁開發者 > Firefox OS Simulator 開啟類似Chrome的開發者頁面

[![](http://3.bp.blogspot.com/-WvKVHfUGFgw/UJ-0kiB77YI/AAAAAAAACww/3QX7hhUiXzA/s320/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-11-11+%E4%B8%8B%E5%8D%8810.21.17.png)](http://3.bp.blogspot.com/-WvKVHfUGFgw/UJ-0kiB77YI/AAAAAAAACww/3QX7hhUiXzA/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-11-11+%E4%B8%8B%E5%8D%8810.21.17.png)
4\. 按下左側Simulator項目,將執行狀態變成Running狀態。等一陣子即可在另一個視窗上看到Firefox Simulator

導覽

[![](http://2.bp.blogspot.com/-NUyk1efVoxc/UJ-1TGdFajI/AAAAAAAACw4/QG6zReO51UQ/s320/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-11-11+%E4%B8%8B%E5%8D%8810.24.55.png)](http://2.bp.blogspot.com/-NUyk1efVoxc/UJ-1TGdFajI/AAAAAAAACw4/QG6zReO51UQ/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-11-11+%E4%B8%8B%E5%8D%8810.24.55.png)
畫面上往右拉可以看到App列表。裡面已經附上不少APP了。
包含行事曆、鬧鐘、Email、音樂、影片播放器、計算機、PDF閱讀器、地圖、等等。這些都是用WEB相關技術寫的(酷!)。
[![](http://4.bp.blogspot.com/-dqZnwTMY8vE/UJ-3ZXnOniI/AAAAAAAACxI/ExJ6v_MnQq0/s320/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-11-11+%E4%B8%8B%E5%8D%8810.33.41.png)](http://4.bp.blogspot.com/-dqZnwTMY8vE/UJ-3ZXnOniI/AAAAAAAACxI/ExJ6v_MnQq0/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-11-11+%E4%B8%8B%E5%8D%8810.33.41.png)
當然瀏覽器附的是Firefox。Android的Application號稱"All Applications are equal",亦即連官方應用也是用一樣的Application API寫成。不知在Firefox OS上,Firefox Browser App本身算不算Web App,開發者能不能簡單地為Firefox改頭換面寫一個瀏覽器App?
[![](http://3.bp.blogspot.com/-ykn7bvfJik0/UJ-25lQ06aI/AAAAAAAACxA/dUgRPpQXhNA/s320/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-11-11+%E4%B8%8B%E5%8D%8810.30.58.png)](http://3.bp.blogspot.com/-ykn7bvfJik0/UJ-25lQ06aI/AAAAAAAACxA/dUgRPpQXhNA/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-11-11+%E4%B8%8B%E5%8D%8810.30.58.png)
由螢幕頂端往下拉可以看到通知欄,下方有快速設定工具列,感覺還不錯。
[![](http://2.bp.blogspot.com/-DhwKtWLypfA/UJ-6LWahHZI/AAAAAAAACxY/zA8Jd1Oc2CU/s320/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-11-11+%E4%B8%8B%E5%8D%8810.44.44.png)](http://2.bp.blogspot.com/-DhwKtWLypfA/UJ-6LWahHZI/AAAAAAAACxY/zA8Jd1Oc2CU/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-11-11+%E4%B8%8B%E5%8D%8810.44.44.png)
在首頁往左拉是一堆預載的網頁服務書籤(或是說...網頁應用程式),點了Facebook圖示後半天沒載入畫面,看來還有些待改善之處。
[![](http://4.bp.blogspot.com/-5MMOQMES1So/UJ-7bzo9PtI/AAAAAAAACxg/DiTXXnJ15lQ/s320/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-11-11+%E4%B8%8B%E5%8D%8810.51.03.png)](http://4.bp.blogspot.com/-5MMOQMES1So/UJ-7bzo9PtI/AAAAAAAACxg/DiTXXnJ15lQ/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-11-11+%E4%B8%8B%E5%8D%8810.51.03.png)
整體看來完成度頗高。在可見的未來裡,學會了網頁技術,什麼都能做阿。

必須面對的問題:如何保護程式碼?

比起那些網頁版桌面項目,Firefox OS更有實用價值。但是對開發者來說,使用Web App開發雖容易,但也容易遇到如Web OS遇到的相同問題:「如何保護我的離線Web App的程式碼?」

在Web OS上,開發者可以找到App的目錄,解開來裡面自然是不需編譯的HTML等資源,有心人可以拿來參考或簡單修改後再發佈。這也是Web OS開發者開發意願不高的原因之一。

雖然許多開發者並不在乎把原始碼攤開在陽光下,但大廠或部分開發者對此總是有所顧慮。 也許未來幾年持續連線的行動網路會便宜地和自來水一樣,到時那些把程式邏輯隱藏在伺服器端的「連網型Web App」可能是個答案。

參考資料