当前位置: 首页 > 知识库问答 >
问题:

移动端适配 - 移动端和pc端分离,如何排除pc某些页面在移动端访问不需要做重定向?

荆学民
2024-06-26

移动端和pc端分离,如何排查pc某些页面在移动端访问不做重定向

尝试以下代码无效

<script>    function isMobile() {        return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);    }    function checkUrlAndRedirect() {        if (isMobile() && window.location.href !== 'https://www.a.com') {            window.location.href = 'http://m.a.com';        }    }     window.onload = checkUrlAndRedirect;</script>  

共有1个答案

田向荣
2024-06-26

排除某些页面不应该是把排除的页面放到对应的判断里面吗?

// 是否为移动端UAfunction isMobile() {    return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);}// 是否在忽略页面路径function isIgnorePath() {  const { pathname } = window.location  return ['/login', '/register'].includes(pathname);}// 检查URL并且重定向function checkUrlAndRedirect() {    if (isMobile() && !isIgnorePath()) {        window.location.href = 'http://m.a.com';    }} window.onload = checkUrlAndRedirect;
 类似资料:
  • 可以用postcss-px-to-viewport嘛,但使用了不生效,页面切换成手机端还是

  • 本文向大家介绍JS图片压缩(pc端和移动端都适用),包括了JS图片压缩(pc端和移动端都适用)的使用技巧和注意事项,需要的朋友参考一下 最近在做移动端遇到了一个问题就是:手机拍照后,图片过大如果上传到服务器务必会浪费带宽,最重要的是流量啊别慌,好事儿来了,务必就会有人去研究研究图片的压缩: 鄙人结合前人的经验,结合自己实战,总结出一个方法供大家参考: 当然返回的是一个base64的一个字符串; 如

  • 本文向大家介绍JS实现判断移动端PC端功能,包括了JS实现判断移动端PC端功能的使用技巧和注意事项,需要的朋友参考一下 这篇文章主要介绍了JS实现判断移动端PC端功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 博客上的小精灵看起来很可耐,用了两年了现在才知道用移动端看的话会挡着屏幕,既然知道了就要改进咯。 判断是pc 还是移动端 或者 以上就

  • 用百度地图sdk实现简单的点击创建marker的功能。 在pc端实现了,并且无偏移(点击哪里就能哪里生成),但h5点击生成会有很大的偏移(无论是真机预览,还是f12的手机预览效果) 有大会知道怎么解决吗? pc 手机模拟(真机测过一样)

  • 设计师经常需要进行产品的跨终端设计,这不只是迁移信息与功能,还需从各个维度了解PC端与移动端的区别,在一致性的基础上确保用户在各个设备的用户体验。  PC端与移动端的设计区别也常在设计面试中出现,可以考察候选人是否有不同设备的设计经验与设计能力、日常的设计知识储备与设计思维模式。 PC端与移动端的设计区别可总结为以下四点: 1、 屏幕尺寸不同 PC端的大屏幕能平铺展示更多信息和功能,而移动端需要确

  • 本文向大家介绍如何实现移动端浏览器不显示 pc 端的广告,包括了如何实现移动端浏览器不显示 pc 端的广告的使用技巧和注意事项,需要的朋友参考一下 前一段时间写了一篇博文, 关于微信内置浏览器不显示联盟广告 根据 window.navigator.userAgent 来判断当前浏览器是否是微信内置浏览器 今天要分享的内容差不多,因为之前只考虑了微信浏览器的适配,回头在移动端浏览器打开站点,发现适配

  • 本文向大家介绍解决vue移动端适配问题,包括了解决vue移动端适配问题的使用技巧和注意事项,需要的朋友参考一下 1,先看看网上关于移动端适配讲解 再聊移动端页面适配,rem和vw适配方案! 基础点:rem相对根节点字体的大小。所以不用px; 根字体:字体的大小px; px:你就当成cm(厘米)这样的东西吧; 基准:750设计稿; 这是方案的基础理论,在这个基础上,我们还要搞明白,到底要干一件什么事

  •        LSV的移动端支持Android以及AndroidPad两个平台,用户可以同过不同的需求进行下载。LSV手机端有着方便快捷的特色并继承了LSV客户端的各项特色,并且可以通过云端与LSV客户端进行数据的交互,十分方便,最重要的是它也是免费提供给用户的。 点击链接了解详情