javascript - 如何优雅的实现手机站和pc站切换?
怪我咯
怪我咯 2017-04-11 12:00:46
[JavaScript讨论组]

以这个站为例:
http://tslogo.com/gen/
这是pc站

然后我用手机站的ua去访问:

然后这是手机站

就是这样的

但是他的域名http://tslogo.com/gen/都没有变化
感觉前端代码都也没什么变化
请问他是怎么优雅的实现的切换呢?

按照的理解 ,都是做域名跳转, 比如访问www.的时候,做判断跳转到m.开头的二级域名,但是他这个完全没有变化!

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(6)
怪我咯

有两种实现方式:

  1. 直接把网站做成响应式的,优点是根据屏幕大小自适应,可以直接前端实现,目前这种响应式的 CSS 框架一大把,直接 Github 上找,bootstrap、foundation等;

  2. 直接在后端根据用户的 UA 来判断使用哪套模板,在渲染之前的模板选择上做手脚,这种必须依赖一门后端语言,比如 NodeJS,PHP 等,可以直接使用的库:;

怪我咯

php代码判断,判断浏览器头,你看的网站不是css自动适配,属于最低级的实现方法,就是各写各的

伊谢尔伦

前端响应式布局啊

巴扎黑

可以做成, 响应式布局。

黄舟

做成响应式布局的话会更灵活,不需要判断UserAgent,显示效果随设备分辨率改变而改变. 不过IE8浏览器不支持CSS3媒体查询,要支持小分辨率下IE8可以考虑用百分比布局和JS控制样式. 好在移动设备上没有IE8,所以手机平板的网站可以忽略对小分辨率下IE8的支持,也就是说可以用媒体查询.

怪我咯

只能说网站使用了 PC跟移动兼容的前端框架

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号