昨晚加班到凌晨两点,改完一个前端bug,脑子已经转不动了。突然想看看手机浏览器对某些新CSS特性的支持情况,顺手在应用商店搜“手机上打开html的软件”。好家伙,跳出来几百个结果,全是广告,满屏的“极速”、“免费”、“无广告”,点进去全是开屏广告,烦得我差点把手机扔出去。
我也算是个老码农了,这些年换过无数款代码编辑器。今天不整那些虚头巴脑的评测,就说说我亲测下来,真正能用的几款。
第一步,如果你只是想快速预览一下写好的HTML文件,别下那些几兆大小的重型APP。推荐用“QuickEdit”或者“Jota+”。这两个是老牌文本编辑器,但胜在稳定。我一般先把代码存在手机里,然后用它们打开。注意,它们本身不是浏览器,不能直接渲染JS特效,但看静态页面结构绰绰有余。
这里有个坑,很多人不知道。手机上打开html的软件,很多都限制本地文件读取权限。你得把文件存在手机内部存储的根目录,或者专门的代码文件夹里,别存到云盘同步文件夹,容易加载不出来。
第二步,想要真机调试,看JS报错,得用“Termux”。这玩意儿看着像黑屏命令行,其实是个Linux环境。安装完apt包管理器,装个python,写个简单的http服务器,python -m http.server 8080。然后在手机浏览器里输入localhost:8080。这时候,你写的html就能在真正的浏览器内核里渲染了。这才是正经的开发流程,虽然步骤多了点,但胜在真实。别信那些号称“一键运行”的神器,大多都是套壳,内核老旧,测出来的结果跟电脑端根本不一样。
我上次就是用Termux测一个Vue项目,发现移动端手势冲突,要是用那些花里胡哨的预览器,根本看不出问题。这种粗糙感,才是开发者需要的。
第三步,如果你连Termux都觉得麻烦,只想简单看看效果,试试“HTML Viewer”这种小众APP。界面丑,字体小,但胜在轻量。我手机里就留着它,偶尔用来看看同事发来的截图代码对不对。
记住,手机上打开html的软件,核心不是“编辑”,而是“预览”。别指望在手机上写大型项目,屏幕太小,键盘反人类,手指头粗,容易误触。我试过在手机上写JS,改个缩进都能改半天,心态崩了。
还有一个细节,很多APP默认用WebView渲染,跟Chrome内核有差距。如果你做的是H5页面,一定要在真机上用Chrome或Safari打开本地文件。怎么操作?把html文件传到电脑,用数据线连手机,或者用局域网传输工具传到手机,然后用系统自带浏览器打开。这才是最稳妥的办法。
我见过太多人下载那些所谓的“全能代码编辑器”,结果因为权限问题,连本地文件都读不出来,最后只能卸载。别贪多,手机就是用来应急和轻量级查看的。
最后,说说心态。别因为手机上打不开代码就焦虑。我们做技术的,工具只是手段。能解决问题就行。有时候,坐在地铁上,掏出手机,用QuickEdit看一眼代码结构,比在电脑前死磕更有感觉。那种碎片化的时间利用,才是现代程序员的常态。
对了,刚才说Termux的时候,有个小细节容易出错。装完python后,如果提示command not found,记得检查环境变量,或者直接用绝对路径调用。别在那儿瞎猜,搜一下文档就明白了。这种小麻烦,才是真实开发的一部分。
总之,别被应用商店的评分骗了。有些高分APP,全是刷出来的。自己试,自己测,找到适合自己的那一款。手机上打开html的软件,不在于多,在于精。哪怕只有一个能用的,也比一堆垃圾强。
今晚早点睡,明天还得继续改bug。代码改不完,头发掉得快,保重。