#你不知道的APICloud# 五步搞定iOS 断点调试
发布在APICloud移动应用开发平台2015年3月10日view:4423CSScss3前端开发移动开发
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

纯技术帖,展示的其实是原生开发中一个小技巧,但是可以顺带解决 APICloud 应用开发过程中的断点调试问题,大幅提高开发效率. enter image description here 准备

  • 1.硬件准备: mac 系统 + xcode软件.(windows系统,可以花几十大洋,去装个 mac虚拟机.)
  • 2.技能准备: 会下载文件; 具体基本的识图能力.

预期效果:

  • 1.APICloud 应用执行过程中,可以自定义断点位置.
  • 2.在断点处,应用会停止执行,并可以看上下环境中,各变量的值.
  • 3.可以在控制台查看各种log输出.
  • 4.可以在控制台,直接操作应用,使其按指令执行动作.
  • 5.不必购买 iPhone 6 + iPad3等,就可以进行 iOS 系列机型的兼容性测试.(多省几颗肾)

适用场景: 应用内仅使用了 基础的 API对象下的相关方法, 主要使用 HTML + CSS + JS 布局的应用.(据说,大神都是手写 js css 布局)

效用评估: 综合开发成本(=硬件成本 + 开发成本 + 调试成本) 降低 90 %.(胡乱写的) 开发效率 = (开发效率 + 编码体验 + bug检查效率) 提升 300% (真的是这样.)

效果预览: 具体过程: 步骤一: 文档 界面,下载 模块开发工程下载, 解压ModulesDevProject_iOS 到当前目录,双击其中的 UZApp.xcodeproj.

步骤二: 选择一个 自己喜欢的 iOS 模拟器, 点击run图标(有点像播放按钮)运行,可以看到模块开发工程的运行效果.

步骤三: 在 safari 的”高级”设置中,使 底部状态栏显示”开发”按钮, 点击”开发”按钮,可以看到你的 模拟器 iOS Simulator.

步骤四: 指向 浏览器–>开发–>iOS Simulator ,点击 “main-con.html”,进入调试页面;在script打几个断点,然后点击 iOS 模拟器的”click To show message”按钮.

步骤五: 试试底部的 控制台,可以直接输入js 代码,,控制应用逻辑.

进阶扩展: 1.如果你是土豪,手中有iOS 各式土豪机,也是可以调试的: 你的 iPhone/iPad 升级到 iOS 6以上版本,然后在“设置 > Safari > 高级”开启 Safari 的远程调试功能即可. 2. 如果想要编写自己的应用, 可以用自己的工程直接替换 UZApp/widget 文件下的所有文件.

完整版攻略:http://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=1375

评论
发表评论
3年前
赞了此文章!
WRITTEN BY
APICloud
APICloud是中国首个“云端一体”的移动应用云服务提供商。APICloud,重新定义移动应用开发!APICloud帮助中国数百万web开发者转化成移动APP专家!
TA的新浪微博
PUBLISHED IN
APICloud移动应用开发平台
  • 7天开发APP,重新定义移动应用开发。
  • 可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。
  • 云API:减少70%服务器端编码工作量,同时提供推送、云修复、大数据分析等服务。
  • 端API:“积木拼装”式的开发跨平台APP,为APP开发者提供大量优质的原生模块,涵盖UI、系统、交互、影音、支付等类型的原生模块。
  • 模块store:“模块Store”通过提供“1+1”的服务(一站式+一键集成),让APP开发以及第三方服务SDK的集成变得非常简单,可以像逛超市一样在APICloud“模块Store”挑选自己中意的第三方服务,只需在线一键绑定,就可以实现不同服务的快速集成。
  • 官方网站:www.apicloud.com

我的收藏