资讯专栏INFORMATION COLUMN

云集新功能:移动 Web 调试从未变得如此简单

wwq0327 / 1605人阅读

摘要:大家好,我又来发广告了,这次给大家介绍一个我们最近在做的一个新功能,它可以简化移动开发过程中的调试流程。当然,您需要在云集的调试页面里打开您想调试的。这是由于我们为了能尽快提供这项服务,使用了,并简化了其中的许多流程。

大家好,我又来发广告了,这次给大家介绍一个我们最近在做的一个新功能,它可以简化移动 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 很大,但我认为对于调试来说它还是太小了,手势操作也不如键鼠来得精确。并且更为重要的是,云集本身还是一个比较新型的浏览器,它同时也是面向普通消费者的。你在调试时云集所呈现的,就是普通用户在使用时云集所呈现的。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/55195.html

相关文章

  • 云集,让 web app 像 native app 那样运行(雄起吧,Web 开发者)

    摘要:让像那样运行云集是一个轻应用即的运行环境,可以让像那样运行。这才是的正确打开方式。因为我们认为,很多问题根本就不是技术问题,而是态度问题。云集中内置商店就是为了过滤掉这样的而生的。然而,我们深知是开放的,去中心化的,流动的。 让 web app 像 native app 那样运行 云集是一个轻应用(即 web app)的运行环境,可以让 web app 像 native app 那样...

    googollee 评论0 收藏0
  • 4月份前端资源分享

    摘要:更多资源请文章转自月份前端资源分享关于的思考一款有趣的动画效果跨站资源共享之二最流行的编程语言能做什么到底什么是闭包的第三个参数跨域资源共享详解阮一峰前端要给力之语句在中的值周爱民中国第二届视频花絮编码规范前端工程师手册奇舞周刊被忽视的 更多资源请Star:https://github.com/maidishike... 文章转自:https://github.com/jsfron...

    jsdt 评论0 收藏0
  • 2015 年十佳 HTML5 应用

    摘要:第五名中国中国在我们的网上应用店里一直评分较高,排名较前。中国手机网页端的滑动体验和阅读体验都非常优秀,究其原因,我认为是十分用心的体验设计,与优化过的请求,和它对于加速的应用。值得一提的是,中国是基于最近大热的开发的。 showImg(https://segmentfault.com/img/bVr50R); 前言 优秀的前端工程师戴着脚铐跳舞,究竟能把 HTML5 的体验推进到什么...

    wh469012917 评论0 收藏0
  • 2015 年十佳 HTML5 应用

    摘要:第五名中国中国在我们的网上应用店里一直评分较高,排名较前。中国手机网页端的滑动体验和阅读体验都非常优秀,究其原因,我认为是十分用心的体验设计,与优化过的请求,和它对于加速的应用。值得一提的是,中国是基于最近大热的开发的。 showImg(https://segmentfault.com/img/bVr50R); 前言 优秀的前端工程师戴着脚铐跳舞,究竟能把 HTML5 的体验推进到什么...

    fsmStudy 评论0 收藏0
  • HTML5 活动宣传页「My Flyme 独家记忆」开发实践总结

    摘要:年前放假的最后一天,我们上线了独家记忆活动宣传页。微信分享主要代码参考独家记忆当时光凝固,当回忆定格。这是属于我和的独家记忆。 年前放假的最后一天,我们上线了「My Flyme 独家记忆」 H5 活动宣传页。 因种种原因,直到放假前几天,才突然要求我们参与并开始项目的前端部分。此时大概的情况是:所有数据已计算完毕;后端接口已完成待联调;交互视觉只出了不到四分之一(一共二十多个页面);我...

    Anonymous1 评论0 收藏0

发表评论

0条评论

wwq0327

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<