帖子
帖子
用户
博客
课程
123456789下一页
返回列表 发新帖
显示全部楼层
18
帖子
0
勋章
398
Y币

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

  [复制链接]
发表于 2014-12-31 15:50:23
本帖最后由 生于1984 于 2014-12-31 18:36 编辑

纯技术帖,展示的其实是原生开发中一个小技巧,但是可以顺带解决 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 文件下的所有文件.


本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册

X
18
帖子
0
勋章
398
Y币
本帖最后由 生于1984 于 2014-12-31 15:57 编辑

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




本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册

X
9
帖子
0
勋章
84
Y币
添加的一堆模块怎么办?


同问
18
帖子
0
勋章
787
Y币
好贴!谢谢分享
0
帖子
0
勋章
18
Y币
看图感觉好像要用苹果电脑才行
28
帖子
0
勋章
288
Y币
好高大的样子
5
帖子
0
勋章
27
Y币
学习学习
28
帖子
0
勋章
288
Y币
用的什么测试器
42
帖子
0
勋章
1493
Y币
支持,以后买了苹果看
40
帖子
0
勋章
6375
Y币
看起来好厉害的样子~
18
帖子
0
勋章
398
Y币
小凤 发表于 2014-12-31 16:06
用的什么测试器

mac + Xcode + safari
123456789下一页
您需要登录后才可以回帖 登录

本版积分规则