PHP调试太难？H5开发者必备5个网页调试技巧

　　去年春节，我在深圳南山那间出租屋改代码，凌晨三点，PHP报错堆栈里第十七层是Xdebug跳转的匿名函数——我盯着它看了四分钟，突然笑出声。不是解出来了，是想起一三年在海淀黄庄那间朝北的小屋，空调外机哐哐砸墙，老张叼着烟把显示器往我这边推，“你看这Notice：undefined index，你敢说不是你漏写了isset？”他手指甲缝里全是键盘灰，风扇嗡嗡响，桌上那台冠捷显示器右下角有道裂痕，像条细蚯蚓。

　　一三年调试PHP，靠var_dump加die，全靠手写日志文件，连tail -f都懒得配。我们仨挤在格子间，小王专门负责重启Apache，老李写了个脚本自动清缓存，我蹲在角落用火狐+Firebug抓H5页面里PHP输出的JSON格式错误——那会儿连console.log都是手动替换成echo ""，再刷一次页面看控制台。谁提Xdebug？老张就甩一句：“装了也白装，本地环境跟线上不一样。”他真没骗人，那时候阿里云刚上线不久，我们租的还是联通IDC的VPS，磁盘I/O抖一下，Xdebug的profiling文件就直接写崩。

　　一七年换了活法。那年我带俩新人，租了台轻量应用服务器，装了VS Code Remote-SSH，配好Xdebug 3。我原以为终于能端到端单步进了，结果第一次远程调试时，新人小陈把breakpoint打在了include语句后第三行，而那行是require_once里的一个未加载类——他等了八分钟，服务器超时返回504，Xdebug连接已断，但VS Code界面上那个红色小圆点还亮着，像只不肯闭上的眼。我那时嘴硬，说“是配置问题”，其实是没想通：调试器不认动态加载路径这件事，早该在文档里标红加粗。可我没标。那年夏天我删掉了团队Wiki里所有“推荐配置”，换成了三张截图加一行字：“先跑通phpinfo()，再碰Xdebug”。

　　二二年……二二年我其实没怎么调过PHP。客户全要React+微前端架构，PHP只剩个API层，连错误提示都让Node.js网关统一兜底。但去年春节那会儿，一个老客户突然发来一段报错：微信JS-SDK config验证失败，code=invalid signature。我扫一眼就知道，是他们PHP服务端生成签名时用了file_get_contents读取了本地jsapi_ticket缓存，而缓存文件权限被运维改成600——可奇怪的是，error_log里半点痕迹没有。翻了一圈，才发现他们在php.ini里关了display_errors，又把log_errors设成off，还顺手注释掉了date_default_timezone_set。这配置，一七年我亲手教他们写的。我坐在那里，后颈发凉。不是怕修不好，是怕自己当年教得太笃定，笃定到没留余地。

　　说到余地——老张去年在朋友圈发过一张图：杭州滨江某写字楼玻璃幕墙倒影里，映着三个穿西装的人影，底下配文“站太直，影子都变形”。我点了个赞，没评论。后来听说他不做PHP了，改做小程序合规审计，专查GDPR和App Store隐私弹窗逻辑。他微信头像换成一张黑底白字截图：“请用户授权地理位置”下面跟着两行小字：“拒绝将导致无法显示附近门店”、“同意即视为您接受本平台所有第三方SDK数据共享条款”。真狠。比我们当年写eval("?>".file_get_contents($user_input))还狠。

　　小王呢？早就不干这行了。前年在豆瓣小组看到他晒云南腾冲的民宿院子，照片里一只土狗卧在青石阶上，旁边放着半罐云南山楂片。我私信问他：“还记得咱当年在黄庄改的那个抽奖活动吗？后台抽中概率永远比前端显示高3.7%？”他回：“记得。你写的伪随机数种子，用的是time()除以10取整。”我没敢接话——因为那会儿我们连mt_srand()都不用，更别说setcookie()时加Secure和HttpOnly标志。安全这事，不是不重视，是压根没概念。当时觉得，只要用户能点开红包就行。

　　所以现在看到标题“PHP调试太难？H5开发者必备5个网页调试技巧”，我反而松口气。不是难，是筛得准。一三年你连F12都不敢多按，怕误关console；一七年你敢开Chrome DevTools Performance面板，却不敢碰Network里的WS（WebSocket）标签页；二二年你打开Elements面板随手删掉一行CSS，客户当场拍桌子说“首页首屏LCP变慢了200ms”。技术本身没变难，是容错带宽没了。优胜劣汰这事，从来就不是靠学得快，是靠摔得明白——比如我那年没坚持让客户升级PHP版本，硬扛着5.4跑微信支付回调，结果openssl加密库里一个指针偏移，导致验签成功率波动在92%到98%之间，持续三个月。没人投诉，因为用户根本不知道自己为什么偶尔领不到券。我当时还沾沾自喜，说“够用了”。

文章配图，仅供参考

　　现在这套我也拿不准还能干几年。上周给客户演示如何用Chrome的Coverage工具定位未执行JS，他女儿趴在桌边看，五岁，伸手戳屏幕里那块红色热区，“爸爸，这个红色是血吗？”我没说话。她爸赶紧把她抱走，说“别闹”。我盯着那块红，突然想起一三年那台冠捷显示器，右下角那道裂痕，现在想起来，好像也不是蚯蚓，更像一道没愈合的旧口子。

　　对了，那台显示器牌子我到现在没想起来。只记得外壳是灰的，摸上去有层油乎乎的静电膜。

（编辑：均轻资讯网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!