我电脑里同时装着五个浏览器。测试Chrome、览器Edge、测试Firefox、览器Safari，测试还有一个叫Brave的览器。不是测试因为我花心，是览器干活需要。每次写完前端代码，测试第一件事不是览器提交，是测试挨个打开看一遍。按钮位置偏了两像素，览器弹窗在Safari上直接没影，测试滚动条在Firefox里粗得像根火腿肠。览器这些破事，测试Chrome里永远测不出来。
去年帮朋友改一个电商页面。他在Chrome里调得好好的，商品卡片圆角、阴影、悬停动画，丝滑得很。上线第二天，客服截图过来——iPhone上的Safari把整个卡片压扁了，文字叠在一起像被踩过的报纸。他盯着截图愣了半天，嘴里嘟囔：“我明明测过啊。”对，你测过，在你那台Windows笔记本的Chrome里测的。
浏览器这东西，表面看都是框加标签页，内核差得远。Chrome和Edge用Blink，Firefox用Gecko，Safari用WebKit。渲染引擎不同，同一行CSS跑出来的结果能差出十万八千里。flex布局在Chrome里乖巧听话，到了Safari偶尔就跟你耍脾气，该换行不换行，该撑开不撑开。你写gap属性，老版本Safari直接当没看见。这不是bug，是它压根不支持。
更气人的是JavaScript。V8引擎跑Chrome和Edge，SpiderMonkey跑Firefox，JavaScriptCore跑Safari。同一段日期处理代码，Safari能给你解析出前一天。我遇到过new Date('2024-03-10')在Safari里变成3月9号，查了半天才发现是UTC偏移的坑。Chrome宽容，Safari严格，Firefox夹在中间看心情。你没法讲理，只能一个个试。
移动端更乱。微信内置浏览器、抖音内置浏览器、各种App的WebView，底层可能是系统WebKit，也可能是X5内核。你在电脑上测得好好的，扔进微信里，字体突然变小，输入框被键盘顶飞，图片加载不出来。有个做H5活动的朋友，页面在Chrome里60帧流畅，在某安卓机的WebView里卡成PPT。他熬了三个通宵优化，最后发现是那个WebView不支持will-change属性。找谁说理去？
所以我现在养成个习惯：写完样式，先开Firefox看布局，再开Safari看兼容，最后Chrome和Edge确认功能。Brave用来测广告拦截插件会不会误伤。听起来麻烦，但比上线后被用户骂强。有次偷懒只测了Chrome，结果一个backdrop-filter毛玻璃效果在Firefox里直接变纯白，用户以为页面崩了。那之后我再也不敢跳过Firefox。
测试浏览器这件事，没有捷径。你可以在Can I Use上查兼容性，可以装BrowserStack跑虚拟机，但最终还得亲手点一遍。每个浏览器的脾气不一样，Chrome激进，Firefox保守，Safari傲娇，Edge现在跟着Chrome混但偶尔抽风。你得把它们当不同的人来对待，而不是同一个模子刻出来的工具。
说到底，浏览器测试不是技术活，是耐心活。你得多开几个窗口，多按几次刷新，多骂几句脏话。然后页面在所有浏览器里都正常了，那种感觉，比写完代码本身还踏实。