移動 Web 調試從未變得如此簡單

標籤：

如何使用將您的 Web App 手動添加到雲集裡

原來我們固執地只接受 W3C WebApp Manifest 網址，但現在您只需要輸入 Web App 的網址，就可以直接將您的 Web App 添加到雲集裡。您也可以直接開啟 Web App 試試看。如：

查看您的 DebugID

在新版本的雲集中（Android 已經可以下載，iOS 正在等待審核，不知道這次能不能過…），我們新增了一個開發人員選項。

選擇開發人員選項，然後選擇調試 Web App，接著您可以看到提示和您的 DebugID，DebugID 在 Action Bar 上。如：

Let’s ROCK

知道了 DebugID 後，您就可以用案頭 Chrome 或 Safari 訪問 debug.tinydust.cn，輸入 DebugID 進行遠端偵錯了。當然，您需要在雲集的調試頁面裡開啟您想調試的 Web App。如：

斷行符號，之後就可以開始遠端偵錯了。

順便說一下，在遠端偵錯的 Console 中，是可以直接調用雲集提供的眾多 API 的。比如我現在想開啟手機的網路攝影機，則可以直接在 Console 裡輸入：

navigator.camera.getPicture();

效果如：

For more APIs, click here

發生了什麼Generating DebugID

當您在雲集裡來到調試 Web App 介面時，我們會為您產生一個隨機的 6 位元作為您的 DebugID。

Generating Script

接著我們會根據 DebugID 為您產生一個一段 JavaScript 指令碼，這段指令碼將根據這個 DebugID 來與服務端進行通訊。整個通訊過程暫時不是基於 WebSocket 的，而是 old XHR。

Thanks to Weinre

這是由於我們為了能儘快提供這項服務，使用了 Apache Weinre，並簡化了其中的許多流程。未來我們會進行更多的改進，發揮雲集作為 HTML5 運行環境 “雲 ＋ 端” 的優勢。

常見問題我需要註冊一個你們的開發人員帳號嗎？

不需要，任何人都可以調，直接調，哦也。（但是您得先下一個雲集嘿嘿嘿）

支不支援 localhost ？

部分支援，之所以這樣說是因為您直接添加 http://localhost:foo/bar 是可以的，但是您的手機和電腦必須能夠接入外網才能調試。

能不能設定 JavaScript 斷點

因為我們目前是基於 Weinre 快速地做了一個 Proof Of Concept。所以暫時是沒有 JavaScript 斷點的，不過日後肯定有的，放心吧。

MIHTool 甩你們幾條街

MIHTool 真的很棒，是目前移動端調試最強大的工具沒有之一，擁有比目前的雲集調試更多的功能。我（這裡沒有“們”）在決定做這個之前是和聽奏大神當面聊過的，他很鼓勵我們做這樣的嘗試。雖然 iPad 很大，但我認為對於調試來說它還是太小了，手勢操作也不如鍵鼠來得精確。並且更為重要的是，雲集本身還是一個比較新型的瀏覽器，它同時也是面向普通消費者的。你在調試時雲集所呈現的，就是普通使用者在使用時雲集所呈現的。

移動 Web 調試從未變得如此簡單