前段时间为甲方做了个在线预约的网页,功能很简单,就两三个页面以及表单提交。

环境是:Windows 服务器、Tomcat7、Java、JSP

上线后,一切都挺正常,直到有一天,实施给我发消息说部分手机访问页面异常,我简单了解了一下,发现页面的 CSS 样式和图片并没有正常加载,但是并不知道原因。

由于自己手机一直是正常的,所以拿几个同事的手机试了一下,奇葩的事情出来了,大部分同事的手机访问都是正常的,但有两个同事,手机型号一样,配置一样,甚至是同一天抢购的小米手机,一个能正常访问,一个不能...

多试了几次发现,这种现象只发生在微信的内置浏览器访问,而且用 ip 加端口的方式访问页面正常,用域名访问就会出现异常...

我不知道微信内置浏览器怎么调试查看报错,于是上 V2EX 发了个帖子吐槽了这个现象。很多大佬都发表了看法,其中 @faqqcn 和 @dntilee 两位大佬教了我一种能够在PC 上调试微信网页的方法(只能安卓设备):

微信内打开 http://debugx5.qq.com/ ,然后打开 「打开 TBS 内核 inspector 」
手机连接电脑并打开开发者选项和 USB 调试,打开电脑 Chrome,输"chrome://inspect/#devices",下面会有你的设备和网页

试了试,果然能够在 Chrome 浏览器里实时看到微信网页的信息了,Console 栏里可以看到不能正常访问的原因是因为 CSS 和图片的请求全都失败了,报错信息如下:

QQ截图20210630093548.png

我不知道这个意味着甚么,网上搜了很久也没有解决,对于微信的这种迷惑行为已经绝望了

虽然到现在这个问题也没有解决,但还是学会了一个新的技巧,最后,我想在这里对微信送上我真诚的祝福:NM$L

最后修改:2021 年 07 月 07 日
請我飲一杯咖啡