[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.00,0:00:03.97,Default,,0000,0000,0000,,我在上一支影片中介紹了 Firefox OS 開發手機「Flame」 Dialogue: 0,0:00:03.97,0:00:08.70,Default,,0000,0000,0000,,也正好讓大家概略知道 Firefox OS 中階裝置的模樣 Dialogue: 0,0:00:08.70,0:00:11.24,Default,,0000,0000,0000,,接著要為大家說明 Flame 的設定方式 Dialogue: 0,0:00:11.24,0:00:13.42,Default,,0000,0000,0000,,但在你看到這支影片時,很可能已經又有新的裝置上市了 Dialogue: 0,0:00:13.42,0:00:14.94,Default,,0000,0000,0000,,所以請持續注意 Mozilla 的相關文章或影片 Dialogue: 0,0:00:14.94,0:00:16.74,Default,,0000,0000,0000,,你很輕鬆就能升級自己的 Firefox OS Dialogue: 0,0:00:16.74,0:00:19.16,Default,,0000,0000,0000,,如果要將 Flame 轉為開發者手機 Dialogue: 0,0:00:19.16,0:00:25.80,Default,,0000,0000,0000,,可進入「設定 (Setting)」→「裝置資訊 (Device information)」 Dialogue: 0,0:00:25.80,0:00:30.91,Default,,0000,0000,0000,,「更多資訊 (More information)」,開啟「開發者選單 (Developer Menu)」即可 Dialogue: 0,0:00:30.91,0:00:32.92,Default,,0000,0000,0000,,接著再回到「設定」的主頁 Dialogue: 0,0:00:32.92,0:00:34.15,Default,,0000,0000,0000,,就會看到多了「開發者 (Developer)」 Dialogue: 0,0:00:34.15,0:00:36.17,Default,,0000,0000,0000,,一般使用者看到這選項會不知道幹嘛的 Dialogue: 0,0:00:36.17,0:00:39.39,Default,,0000,0000,0000,,但對開發者就是很有趣的東西 Dialogue: 0,0:00:39.39,0:00:43.24,Default,,0000,0000,0000,,這裡可以看到如「layer borders」、「Tile bodrers」 Dialogue: 0,0:00:43.24,0:00:45.83,Default,,0000,0000,0000,,「hardware composer」、「tiling」、「overscrolling」 Dialogue: 0,0:00:45.83,0:00:50.24,Default,,0000,0000,0000,,不論是發生在介面本身、視訊卡,或記憶體上的作業 Dialogue: 0,0:00:50.24,0:00:52.34,Default,,0000,0000,0000,,你都能進一步檢視 Dialogue: 0,0:00:52.34,0:00:57.54,Default,,0000,0000,0000,,與其使用 USB 線或在 ADB 上進行類似的檢視,\N這種開發模式一定方便很多\N Dialogue: 0,0:00:57.54,0:00:59.96,Default,,0000,0000,0000,,你當然也能進一步記錄相關資訊 Dialogue: 0,0:00:59.96,0:01:03.26,Default,,0000,0000,0000,,現在 Firefox OS 另一項有趣設計 Dialogue: 0,0:01:03.26,0:01:04.94,Default,,0000,0000,0000,,就是「開發者 HUD (Developer HUD」 Dialogue: 0,0:01:04.94,0:01:07.53,Default,,0000,0000,0000,,進入並開啟「開發者 HUD」之後 Dialogue: 0,0:01:07.53,0:01:10.27,Default,,0000,0000,0000,,就會在畫面中看到許多資訊 Dialogue: 0,0:01:10.27,0:01:12.46,Default,,0000,0000,0000,,如果勾選「顯示系統 HUD (Show system HUD)」 Dialogue: 0,0:01:12.46,0:01:15.66,Default,,0000,0000,0000,,就會看到系統所使用的記憶體大小 Dialogue: 0,0:01:15.66,0:01:19.52,Default,,0000,0000,0000,,也能看到目前除錯中 App 所使用的記憶體大小 Dialogue: 0,0:01:19.52,0:01:22.16,Default,,0000,0000,0000,,Firefox OS 中的一切都是 App Dialogue: 0,0:01:22.16,0:01:23.69,Default,,0000,0000,0000,,連整個「設定」畫面都是 App Dialogue: 0,0:01:23.69,0:01:26.76,Default,,0000,0000,0000,,所以在使用「設定」的同時也能除錯 Dialogue: 0,0:01:26.76,0:01:28.82,Default,,0000,0000,0000,,勾選「每秒畫框數 (Frames per second)」 Dialogue: 0,0:01:28.82,0:01:31.93,Default,,0000,0000,0000,,就能看到每秒使用了多少「frame」 Dialogue: 0,0:01:31.93,0:01:33.91,Default,,0000,0000,0000,,「載入時間 (Time to load)」 Dialogue: 0,0:01:33.91,0:01:36.76,Default,,0000,0000,0000,,則是你目前載入 App 所花的時間 Dialogue: 0,0:01:36.76,0:01:38.62,Default,,0000,0000,0000,,還有「重排 (Reflow)」、「Jank」等等 Dialogue: 0,0:01:38.62,0:01:41.06,Default,,0000,0000,0000,,許多不同的設定,都是開發者所需的選項 Dialogue: 0,0:01:41.06,0:01:43.07,Default,,0000,0000,0000,,還有「應用程式記憶體 (App memory)」 Dialogue: 0,0:01:43.07,0:01:45.39,Default,,0000,0000,0000,,你可以勾選想知道的記憶體耗用量 Dialogue: 0,0:01:45.39,0:01:49.05,Default,,0000,0000,0000,,上面已經先幫你設定了像是「JS 物件 (JS objects)」、\N「JS 字串 (JS strings)」等 Dialogue: 0,0:01:49.05,0:01:53.15,Default,,0000,0000,0000,,這些可讓你在裝置上就看到 App 的運作情形 Dialogue: 0,0:01:53.15,0:01:55.36,Default,,0000,0000,0000,,這些數據對 App 開發者來說很麻煩 Dialogue: 0,0:01:55.36,0:01:56.92,Default,,0000,0000,0000,,所以我們先幫你設定好了這個 HUD 功能 Dialogue: 0,0:01:56.92,0:01:59.42,Default,,0000,0000,0000,,開啟這個 HUD 功能、測試並調整 App Dialogue: 0,0:01:59.42,0:02:02.22,Default,,0000,0000,0000,,直到 App 運作無虞,就快提交到 Marketplace 上 Dialogue: 0,0:02:02.22,0:02:04.70,Default,,0000,0000,0000,,Firefox OS 消費者會很開心看到新的 App 上架