PC端页面和移动端页面,两份代码来回切换

当你分开用两份代码写PC端和移动端时,需要根据情况来判断显示哪一份
将两份代码放入一个文件夹内,通过一个入口html文件来进行判断显示
在这里插入图片描述
main.html
在这里插入图片描述

 //判断是手机还是电脑
	if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
	    window.location.href = "./mobile/index.html";     //手机
	} else {
	    window.location.href = "./web/index.html";     //电脑
	}

这样就可以根据不同的设备来显示PC版还是移动版了

  • 3
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值