云集上线调试服务,让移动 Web 调试变得更加简单

云集轻应用

专注于解决 HTML5 的体验问题的云集轻应用近日推出了调试服务,降低开发者的调试成本,助力 H5 应用与游戏的开发。

据其 CEO 熊珺睿介绍,云集的调试服务主要是为了解决以下问题:

  • 为了模拟手机尺寸,只能把桌面浏览器缩到手机那么大;
  • 在桌面浏览器下使用没问题,可是上线之后用手机浏览器访问却问题百出;
  • 苹果的 iOS WebView 调试服务需要 Mac 和 XCode;
  • 谷歌的 Android 4.4 WebView 提供的 Remote Debugging 需要插线;
  • 电脑毕竟不是手机,桌面浏览器也不是手机浏览器,无法精准评估页面在手机上的表现与体验。

为此,云集轻应用提供了使用简单、对开发者友好的调试服务,不需要在电脑上下载安装任何调试工具,就能通过强大的 Web Inspector 来调试手机中的网页。调试只需三步:

一、将 Web App 手动添加到云集轻应用

输入 Web App 的网址,将 Web App 添加到云集轻应用中。

此处输入图片的描述

此处输入图片的描述

此处输入图片的描述

二、查看 DebugID

选择开发者选项,然后选择调试 Web App,接着便可以看到提示和 DebugID。如下图:

此处输入图片的描述

此处输入图片的描述

三、开始调试

知道了 DebugID 后,开发者就可以用桌面 Chrome 或 Safari 访问 debug.tinydust.cn,输入 DebugID 进行远程调试了。当然,与此同时开发者需要在云集的调试页面里打开想调试的 Web App。

此处输入图片的描述

回车,即可进入调试页面

此处输入图片的描述

此处输入图片的描述

同时,在远程调试的 Console 中,是可以直接调用云集轻应用提供的众多 API 的。比如想打开手机的摄像头,则可以直接在 Console 里输入:
navigator.camera.getPicture();
(For more APIs, click here
效果如下:


此处输入图片的描述

此处输入图片的描述

此处输入图片的描述

通过这三个简单的步骤,开发者就能很容易的进行远程移动端 Web 调试,非常方便。

更多详细介绍:云集新功能:移动 Web 调试从未变得如此简单
云集轻应用 官方网址
云集开发者中心