当你用手机和电脑打开同一个网站,看到两种完全不同的布局——这背后用了什么技术?本文教你3种简单方法,快速判断一个网站是用了响应式、UA跳转,还是服务端渲染。
最简单的判断方法。
在手机上打开网站,看一眼浏览器地址栏:
www.example.com),说明可能是响应式或服务端渲染。m.example.com 或 wap.example.com,说明网站用了 UA跳转 ——服务器识别到你是手机,就把你重定向到专门的移动站。在电脑浏览器按F12打开开发者工具,找到“Disable CSS”选项禁用样式。
打开开发者工具的Network面板,刷新页面:
| 判断方法 | 响应式 | UA跳转 | 服务端渲染不同模板 |
|---|---|---|---|
| 网址是否变化 | 否 | 是(跳转到m.域名) | 否 |
| HTML内容是否相同 | 是 | 否(完全两套) | 否 |
| 关键特征 | 缩放窗口布局随之变化 | URL带m./wap.前缀 | URL不变但内容差异大 |
一句话总结:网址变了是UA跳转;网址没变、禁用CSS后内容相同是响应式;网址没变、禁用CSS后内容不同是服务端渲染。
