请选择 进入手机版 | 继续访问电脑版

js判断移动设备或手机端访问电脑端网址自动跳转手机端网页教程(自丢网原创教程)

[复制链接]
查看2239 | 回复1 | 2019-9-30 07:27 | 显示全部楼层 |阅读模式
随着互联网的进步,网站要求也越来越高了,很多建站站长和客户都要求有电脑端和手机端同步展示,很多站长就遇到这么个问题,手机端和电脑端网站都做好了,但是手机端访问电脑端的时候不自动跳转手机端,怎么办呢,自丢网给大家讲下如何实现,就一段js即可满足,当然方法有很多很多,我们这里就只讲简单易操作能满足要求就好。
来个纯js判断,教程如下:
  1. <script type="text/javascript">
  2. if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  3. window.location = "http://bbs.zidiu.com"; }
  4. </script>
复制代码
window.location = "http://bbs.zidiu.com",把红色网址更换成您手机端网址即可。
如图所示:

js判断移动设备或手机端访问电脑端网址自动跳转手机端网页教程(自丢网原创教程) ...

js判断移动设备或手机端访问电脑端网址自动跳转手机端网页教程(自丢网原创教程) ...

温馨提示:代码放置head之间。

还有一种自适应教程:
@media screen实现屏幕自适应内容案例分析详解教程

大妈 | 2019-9-30 09:23 | 显示全部楼层
自丢网真心不错,学习教程网。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-3-24