关于移动端调试

576 阅读2分钟

工作岁年几许 多大荒废光阴

大部分职业生涯在做移动端 发现对于移动端调试自知不能夸口

现在对移动调试大概总结下

Safari 调试 移动端Safari 和模拟器webview是没问题的

但是ios9+ 以后 真机webview 数据传输貌似被禁止了不能调试 解决

weinre 今天才发现确实不错

实现原理就是 本地有个node服务 动态插入脚本后

把所有数据都ajax 到node inpector 服务

估计借鉴了浏览器的ws方案 改layout是ok 但是对color 和background支持不好 但是调试下样式足够了

小程序这样用 理论也是好的

chrome inspctor 就不用讲了 小白都知道的神器

针对本地离线页面

在开发包中 Android 使用chrome 调试是没问题

ios 必须用weinre了 再配合上vconsole 能解决和定位绝大部分

的 移动的问题

在使用vconsole 和 weinare 貌似有节点的冲突 建议不同时使用

vconsole github.com/Tencent/vCo…

在工作离线包 & na交互的 hybrid 开发方式 确实很痛苦

每次验证问题 和修复问题 都要打包 当然公司端的实力 呵呵

ios 竟然告诉我拿不到 .app文件的

一般的地址是 我的mac

/Library/Developer/Xcode/DerivedData/CompSDKDemo-cehpavdpqxkvhlcwzxymgwxmdtwr/Build/Products/Debug-iphonesimulator/

调试的思考

市面上调试工具 一般基于nodewebkit 或者electro为基础库

利用神奇的 websocet 借助于devtools 进行数据的转载或者呈现

umaar.com/dev-tips/19…

我在想怎么开发一个 统一化的唯一的 大调试工具

目标 跨终端调试工具和方案 解决css html js 调试问题

当然也可在na做些插件的配置化 让webview和所有浏览器都能调试

chrome inpector能能力 还有 charles 反向代理和网络请求