前两天在外边吃饭,手机突然收到消息。
线上一个H5页面出问题了,用户那边商品详情页直接白屏。
你说这事儿急不急?急。
但我手边就一部手机,没带电脑,附近也没有能用的WiFi。当时我就想,完了,这次得等回公司才能排查。
结果我同事在群里丢了一句话,”你用跨时空试试?”
我当时就愣住了。
跨时空?这是啥???
后来我才知道,这玩意是个浏览器App,但它跟普通浏览器完全不一样。
说起来挺有意思,它是一个前端开发者自己做的,叫Kainy。没有大厂背书,没有铺天盖地的广告,甚至在应用商店榜单上你根本看不到它(虽然已经上架苹果应用商店)。
它就安安静静地待在小众软件、掘金这些开发者社区里,等着需要它的人自己找上门。
我是真的觉得,这种工具有一种”大隐隐于市”的气质。
那回到刚才那个白屏bug的事。
我下载了跨时空,打开,把测试环境的链接复制了一下,切到App。
就这么简单,页面直接加载出来了。
没有地址栏,没有多余的步骤。你复制什么它就打开什么,这个设计就挺反直觉的,但用起来意外地顺手。
然后重点来了。
我点了一下App里的调试开关,vConsole面板直接弹出来了。
注意啊,这不是电脑端的DevTools,这是手机上原生的调试面板。Console日志、Network请求、LocalStorage、DOM结构,全都有。
我当时就…怎么说呢,有点像在沙漠里突然发现了一瓶水。
说起真机调试这事儿,做过移动端H5的兄弟应该都懂,这是个老大难问题。
电脑上Chrome能装一堆插件,能开跨域,能远程调试,很舒服。但手机呢?
手机自带的浏览器,微信内置的WebView,跨域是锁死的。你本地跑个接口,调个预发环境,手机直接给你弹个报错,啥也看不了。
以前的解决办法是什么?插USB,开代理,或者把Whistle、Spy-Debugger这些工具配好,手机走电脑的代理才能调试。
问题是,你得时刻带着电脑。而且局域网代理这玩意,说实话,有时候挺折腾的。
跨时空做了一件很简单的事,它在App里内置了开关,一键放开跨域限制,一键忽略SSL证书报错。
就这么一个功能,直接解决了手机端调试最大的两个痛点。
我当时就在想,为什么这么简单的事,之前没人做呢?
说到这个,我得聊聊跨时空里几个让我觉得”卧槽还能这么玩”的功能。
第一个是Scheme协议直达小程序页面。
你可能不知道,微信小程序的页面是有唯一标识的。比如你要测商品详情页,正常路径是打开微信,找到小程序,点进首页,再一层一层点到商品详情。
跨时空支持给小程序页面创建桌面图标,你把Scheme链接放进去,桌面上多一个图标,点一下直接到那个页面。
我当时测试一个支付流程的bug,需要反复进出商品详情、购物车、支付页。以前每次都要从头点一遍,烦得要死。
用了这个功能之后,桌面上放了三个图标,分别对应三个测试页面,来回切换,效率直接翻倍。
第二个是自定义调试脚本注入。
这个功能有点骚。你可以在开发者模式里预设一段JS脚本,页面打开自动执行。
比如你可以写一个脚本,自动Mock掉某个接口,返回测试数据;或者强制切换到测试环境;或者打印性能指标。
这些事以前你得在代码里写,每次改完还得重新打包。现在在跨时空里配一次,后面每次打开页面都自动跑,省得你重复写调试代码。
说实话,这个功能对高频测试的人来说,简直就是救命。
说完开发这块,聊聊它日常能干啥。
其实跨时空不光是个调试工具,它还能当个快捷启动器用。
比如健康码、乘车码、门禁小程序,这些你平时是不是得翻微信,一层一层点进去?
跨时空支持把小程序页面放到锁屏小组件或者桌面图标上,一键直达。
我之前上班要刷门禁,每次都得打开微信,找到小程序,点进去,再点开门禁。现在锁屏上放了个小组件,点一下就完事。
这个体验…怎么说呢,就是那种”用过就回不去”的感觉。
而且它还有个轻量电台和相册收纳功能,虽然不是主打功能,但偶尔用用还挺有意思的。关键是它真的很轻,不占什么内存。
写到这里,我觉得有必要说清楚一件事。
跨时空不是那种人人都该装的工具。
如果你是做PC后台、管理系统的前端,平时几乎不碰移动端,那这个App对你来说确实没什么用。
或者你们公司有专门的测试环境,有测试手机,有统一的代理调试流程,那你也用不上它。
但如果你跟我一样,日常大量做移动端H5、微信小程序、公众号页面,经常需要外勤测试,手边只有手机没有电脑,那跨时空真的是个宝藏。
它把调试工具和快捷启动器做成了一个App,不用同时装好几个工具,轻量、一体化、随时可用。
我记得第一次用完跨时空的时候,我跟同事说了一句话。
“这玩意怎么这么冷门?”
同事回了我一句,”因为它不需要火,需要的人自然会找到它。”
我当时觉得这话有点装,但后来想想,好像确实是这样。
有些工具就是这样,不喧哗,不营销,安安静静地在角落里等着那些真正需要它的人。
就像前端这个圈子,大部分人都在追框架、追新技术,很少有人关注这些小而美的提效工具。
但你真正用上之后会发现,它比很多热门工具都实用。
最后说一句。
跨时空是Kainy一个人开发的,没有团队,没有融资,就是纯粹的个人作品。
在这个到处都是”快速迭代”“用户增长”的时代,还有人愿意花时间打磨一个注定小众的工具,我觉得这件事本身就挺酷的。
工具的价值从来不在于有多少人用,而在于它真正解决了什么问题。
对于那些在手机上跟bug死磕的前端来说,跨时空就是那把趁手的兵器。
小众,但好使。
/ 作者:明察
/ 投稿或爆料,请联系邮箱:mingcha@gqmg.com



暂无评论内容