您的位置:首页 > 移动开发 > IOS开发

#你不知道的APICloud# 五步搞定iOS 断点调试

2015-10-12 15:36 1291 查看
纯技术帖,展示的其实是原生开发中一个小技巧,但是可以顺带解决 APICloud 应用开发过程中的断点调试问题,大幅提高开发效率.

准备

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 文件下的所有文件.

步骤4效果图.png (191.15
KB, 下载次数: 3)

万众期待的断点调试



步骤5.png (175.07
KB, 下载次数: 1)

浏览器控制台控制应用



步骤1.png (109.75
KB, 下载次数: 1)

下载"模块开发"工程



步骤1-1.png (32.82
KB, 下载次数: 1)

双击 打开



步骤2.png (47.48
KB, 下载次数: 1)

运行 iOS模拟器



步骤2效果图.png (20.64
KB, 下载次数: 3)

模拟器效果图



步骤3.png (113.19
KB, 下载次数: 2)

打开 "开发"功能



步骤3效果图.png (88.35
KB, 下载次数: 1)

浏览器开发选项可以看到 iOS模拟器



步骤4.png (34.01
KB, 下载次数: 1)

选中要调试的页面



步骤4-1.png (129.76
KB, 下载次数: 1)

进入调试器页面



步骤4效果图.png (191.15
KB, 下载次数: 1)

断点停止,可以看到变量的值



步骤4效果图2.png (21.63
KB, 下载次数: 1)

点击运行,程序才会继续执行,出现弹窗



步骤5.png (175.07
KB, 下载次数: 1)





收藏7


回复 支持 反对

举报





生于1984

今日未签到

高级开发者

UID:902



主题:
19
帖子:
624
云币:
342

私信

加好友

沙发

楼主| 发表于 2014-12-31 15:53:33 |

本帖最后由 生于1984 于 2014-12-31 15:57 编辑

#自己的沙发自己坐#先发两张效果图,感觉有价值,您再买


步骤4效果图.png (191.15
KB, 下载次数: 3)

断点调试,查看对象名



步骤5.png (175.07
KB, 下载次数: 1)

浏览器控制台控制应用



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: