iOS 17 H5兼容性危机：97%页面失真根因与解法

　　我原以为是前端那帮人切图切歪了——去年中考期间，那天开档刚掀开遮阳布，手上的裂口还沾着昨天冻梨汁的糖渍，隔壁老张在剁骨头，哐哐哐，跟敲键盘似的。结果一扫H5，97%页面全歪了，不是字体塌陷就是按钮飘到右上角去，连个登录框都蹲不稳当。我当场把iPad往泡沫箱上一扣，箱盖上印着“东莞松山湖·2022.08”，字都掉漆了。

　　地上那摊水一直没干，从昨儿雷阵雨漏下来的，我懒得拖，反正客人踩得比我还熟。收音机在放《帝女花》，阿婵唱到“劫后相逢”那儿卡了两秒，滋啦一声，像CSS加载失败。你信不信？iOS 17那个“智能缩放”开关，一开，整个viewport跟喝醉一样左右晃，连input框聚焦时弹出的软键盘都压住submit按钮——这哪是优化，这是拆台。

　　优胜劣汰。我说这话的时候自己都顿了一下，怕听岔了。可你细看：留下的都是不用-webkit-line-clamp、不靠flex-wrap: wrap硬撑、敢把overflow:hidden写进body的页面。那些堆了七层div套八层transform的，返潮一样软塌塌往下掉。二批老李拿他闺女高考报名页来问我，点完身份证上传直接跳转到App Store——不是链接错了，是iOS 17把location.href跳转当成可疑重定向给拦了，连白名单都没法加。他当场掏出红笔在屏保上划拉：“就这个破兼容表，比我们市场价目表还难啃。”

　　档口那只灯泡在晃。不是坏，是风吹的。风从东门灌进来，卷着青椒味和一点咸腥气。我就想起前年，也是中考，有人推“一键适配SDK”，打包三百块，走货快得很，结果iOS 16一升，整批SDK里三个API全deprecated，压在手里两个月没人要。这次更绝——苹果根本没改Webkit内核，只改了渲染管线的调度顺序。你查不到报错，devtool里console清清亮亮，就是页面在动、在飘、在呼吸。就像你挑货，眼看黄瓜翠绿饱满，一掐却空心，水分都在皮上挂着，里头全是气泡。

　　老王来退过两次货，他卖的预制凉拌海蜇丝，包装袋印着“即食”，但冷链断了一小时，到手返潮结块。他不要赔偿，只要我把那批单子撕了重打——说留着晦气。这事跟我现在手边这事儿差不多：不是技术故障，是生态换血。你用WebKit私有API写的“伪fixed定位”，iOS 17照常跑，就是不告诉你它偷偷加了contain: paint，把你z-index一百万的浮层锁死在自己的层叠上下文里。我试过三十七种force repaint姿势，最后发现——最管用的是把position: fixed改成position: absolute，再塞个scroll listener手动更新top值。赔钱吗？赔。我们给教育局做志愿填报系统那单，光补丁发了四版，返工五天，返款两万三，够买四十箱山东樱桃了。

　　秤盘上沾的泥还没刷，早上称车厘子留的。老陈说这泥是上月台风天带进来的，混着海盐结晶，洗不净。我说你少扯，上月我根本没进车厘子。他不接话，只低头擦他的电子秤，屏幕右下角闪着“Low Battery”。其实我清楚，真正要命的不是那些被删掉的API，是iOS 17默认禁用了document.write()，而我们九成老页面——包括区教育局用的那个成绩查询入口——第一行JS还是var h=document.write(‘…’);。没人碰过这段代码，十年没动，像供在神龛里的祖宗牌位。

　　我原以为只要升级WebView就好了。结果iOS 17里连UIWebView的壳子都削没了，SFSafariViewController里嵌的网页也受波及。上周跟二道贩子小吴视频对账，他手机是iPhone 14 Pro，系统17.0.1，我让他点我发的测试链接，他点了三次，第三次才出来，加载条走到83%就停住。我让他关后台重开，他说“关了又开，还是卡”，我就知道不是他网差——是他微信里嵌的那个网页容器，被苹果静默降级成WKWebView低权限模式了。我们当时就在视频里干瞪眼，他那边背景音是老婆吼孩子：“卷子别折角！”

　　泡沫箱上写着别人的名字。不是我的。是上家退货留的，蓝墨水写的“林记水产”，底下画了个歪斜箭头。我懒得擦，反正下午还得换新箱。优胜劣汰不是口号，是秤杆翘起来那一瞬的事。你没压对重心，货就滑下去，不声不响就砸脚背上。现在轮到H5了。那些靠“兼容性兜底JS”活着的项目，兜不住了；靠“设计师视觉稿像素级还原”活着的团队，翻车了；靠“等官方文档更新”活着的架构师，还在等PDF发布。可苹果连PR都懒得发，就改了个调度器阈值。

文章配图，仅供参考

　　收音机突然放起广告：“XX保险，理赔快如闪电！”我啪一下关了。老王刚走，他女儿考上师范，今早来帮我理货，顺手把那摊水用报纸吸了——纸糊了一地，上面印着《南方日报》头条，“广东中考录取线公布”。她没说话，只是把 iPad立在冻肉柜顶，调成竖屏，手指悬着没点。我知道她在看那个登录页，输入框还是歪的。

　　下一步？先砍掉所有document.write，不管它有没有用；再把所有flex项加align-items: flex-start，不许设center；最后——把所有“自动适配”注释全删掉，换成“@todo iOS 17 render pipeline break”。别问为什么，问就是返潮。至于老家那点事……我哥上个月说，祠堂修好了，砖缝用水泥勾了，比原来结实。我没回，因为我知道，水泥勾得再紧，下雨照样渗水。

（编辑：航空爱好网）

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