雲集新功能：移動 Web 調試從未變得如此簡單

你們好，我又來發廣告了，此次給你們介紹一個咱們最近在作的一個新功能，它能夠簡化移動 Web 開發過程當中的調試流程。

如何使用

將您的 Web App 手動添加到雲集裏

原來咱們執拗地只接受 Manifest 網址，但如今您只須要輸入 Web App 的網址，就能夠直接將您的 Web App 添加到雲集裏。您也能夠直接打開 Web App 試試看。以下圖：

查看您的 DebugID

在新版本的雲集中（Android 已經能夠下載，iOS 正在等待審覈，不知道此次能不能過...），咱們新增了一個開發者選項。

選擇開發者選項，而後選擇調試 Web App，接着您能夠看到提示和您的 DebugID。以下圖：

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 很大，但我認爲對於調試來講它仍是過小了，手勢操做也不如鍵鼠來得精確。而且更爲重要的是，雲集自己仍是一個比較新型的瀏覽器，它同時也是面向普通消費者的。你在調試時雲集所呈現的，就是普通用戶在使用時雲集所呈現的。