最近接了个活儿，朋友小公司非要搞手机网站，说现在客户全用手机戳屏幕了。得，硬着头皮上呗。我寻思着，这玩意儿能有多难？结果一脚踩进泥坑里。

第一步：想明白要啥

先抓着朋友问到底想干嘛结果这哥们儿掰着指头跟我数：产品得能展示、让人家能联系上、最好还能直接下单。我想着这不就三板斧嘛转头打开电脑就开始折腾。

第二步：素材大扫荡

管朋友要资料，差点没把我气死。产品图糊得跟打了马赛克似的，公司地址还是三年前的！硬是逼着他现拍高清图，又让他把公司座机、手机号、微信二维码全整理最绝的是公司介绍，他给我发了两段公众号文案凑数，看得我直翻白眼，自己上手重写。

第三步：开干！

找了个现成的建站工具（名字就不说了免得像打广告），看着界面挺清爽。结果拖拽组件的时候傻眼了：

• 按钮在电脑上好大一个，传到手机上一看跟米粒似的，根本点不着！
• 产品图放上去自动拉伸，好好一个圆杯子愣是被拉成椭圆，跟哈哈镜似的
• 最坑的是联系表单，客户在安卓机上死活收不到验证码，苹果倒没事儿

气得我拿自己旧手机、媳妇手机、连我妈的老年机都翻出来测试，发现不同牌子手机显示效果五花八门，差点把键盘摔了。

第四步：跟手机死磕

逼急了，直接在电脑浏览器开手机模拟器调试。盯着屏幕搞了整两天：

• 所有文字手动调大两号，40岁往上的人看着才不费劲
• 按钮做成指尖那么大，周围留白加宽，防止误触
• 把电脑版的超华丽滑动动画全砍了，手机网速慢时卡成PPT
• 下单按钮用荧光橘色，直接怼在屏幕最底下，省的客户翻半天找不到

连商品详情页都做成纯文字带两张图，加载速度嗖嗖的。

第五步：上线挨捶

刚把网址甩给朋友，半小时后电话就炸了：

• "王总说页面滑到一半突然跳出个红包弹窗，关都关不掉！"（手滑把测试广告模块发布了）
• "李姐反映提交订单没反应"（发现是华为手机系统自动拦截了JS脚本）
• 最绝的是有个客户用竖屏看完产品，横屏时页面直接裂成两半，忘了锁屏幕方向

灰溜溜又改了三版，现在总算稳定了。朋友咧着嘴说最近真有几个手机订单，可谁知道是不是人家本来就要买！折腾大半个月就挣了顿饭钱，不过下次再弄这种破站，哥们儿心里总算有谱了——什么花里胡哨都是虚的，手机端加载快、戳得准才是王道！

对了，前天收到建站平台续费通知，好家伙！比去年贵一倍！朋友又来问我："要不咱自己搞个服务器？" 我直接把他微信静音了...