Return to Video

Firefox OS Flame - 將手機設定為開發者裝置

  • 0:00 - 0:04
    我在上一支影片中介紹了 Firefox OS 開發手機「Flame」
  • 0:04 - 0:09
    也正好讓大家概略知道 Firefox OS 中階裝置的模樣
  • 0:09 - 0:11
    接著要為大家說明 Flame 的設定方式
  • 0:11 - 0:13
    但在你看到這支影片時,很可能已經又有新的裝置上市了
  • 0:13 - 0:15
    所以請持續注意 Mozilla 的相關文章或影片
  • 0:15 - 0:17
    你很輕鬆就能升級自己的 Firefox OS
  • 0:17 - 0:19
    如果要將 Flame 轉為開發者手機
  • 0:19 - 0:26
    可進入「設定 (Setting)」→「裝置資訊 (Device information)」
  • 0:26 - 0:31
    「更多資訊 (More information)」,開啟「開發者選單 (Developer Menu)」即可
  • 0:31 - 0:33
    接著再回到「設定」的主頁
  • 0:33 - 0:34
    就會看到多了「開發者 (Developer)」
  • 0:34 - 0:36
    一般使用者看到這選項會不知道幹嘛的
  • 0:36 - 0:39
    但對開發者就是很有趣的東西
  • 0:39 - 0:43
    這裡可以看到如「layer borders」、「Tile bodrers」
  • 0:43 - 0:46
    「hardware composer」、「tiling」、「overscrolling」
  • 0:46 - 0:50
    不論是發生在介面本身、視訊卡,或記憶體上的作業
  • 0:50 - 0:52
    你都能進一步檢視
  • 0:52 - 0:58
    與其使用 USB 線或在 ADB 上進行類似的檢視,
    這種開發模式一定方便很多
  • 0:58 - 1:00
    你當然也能進一步記錄相關資訊
  • 1:00 - 1:03
    現在 Firefox OS 另一項有趣設計
  • 1:03 - 1:05
    就是「開發者 HUD (Developer HUD」
  • 1:05 - 1:08
    進入並開啟「開發者 HUD」之後
  • 1:08 - 1:10
    就會在畫面中看到許多資訊
  • 1:10 - 1:12
    如果勾選「顯示系統 HUD (Show system HUD)」
  • 1:12 - 1:16
    就會看到系統所使用的記憶體大小
  • 1:16 - 1:20
    也能看到目前除錯中 App 所使用的記憶體大小
  • 1:20 - 1:22
    Firefox OS 中的一切都是 App
  • 1:22 - 1:24
    連整個「設定」畫面都是 App
  • 1:24 - 1:27
    所以在使用「設定」的同時也能除錯
  • 1:27 - 1:29
    勾選「每秒畫框數 (Frames per second)」
  • 1:29 - 1:32
    就能看到每秒使用了多少「frame」
  • 1:32 - 1:34
    「載入時間 (Time to load)」
  • 1:34 - 1:37
    則是你目前載入 App 所花的時間
  • 1:37 - 1:39
    還有「重排 (Reflow)」、「Jank」等等
  • 1:39 - 1:41
    許多不同的設定,都是開發者所需的選項
  • 1:41 - 1:43
    還有「應用程式記憶體 (App memory)」
  • 1:43 - 1:45
    你可以勾選想知道的記憶體耗用量
  • 1:45 - 1:49
    上面已經先幫你設定了像是「JS 物件 (JS objects)」、
    「JS 字串 (JS strings)」等
  • 1:49 - 1:53
    這些可讓你在裝置上就看到 App 的運作情形
  • 1:53 - 1:55
    這些數據對 App 開發者來說很麻煩
  • 1:55 - 1:57
    所以我們先幫你設定好了這個 HUD 功能
  • 1:57 - 1:59
    開啟這個 HUD 功能、測試並調整 App
  • 1:59 - 2:02
    直到 App 運作無虞,就快提交到 Marketplace 上
  • 2:02 - 2:05
    Firefox OS 消費者會很開心看到新的 App 上架
Title:
Firefox OS Flame - 將手機設定為開發者裝置
Description:

本影片將說明 Flame 作為開發者裝置的特色

更多資訊可參閱 Wiki:https://developer.mozilla.org/en-US/Firefox_OS/Developer_phone_guide/Flame

more » « less
Video Language:
English
Duration:
02:08

Chinese, Traditional subtitles

Revisions