//判断当前是PC终端还是移动终端来跳转不同的路径

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量1k 收藏
点赞数
文章标签： js javascript 移动终端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangkang823/article/details/50684842
版权
   <!--此处严禁修改 s--> 
<script type="text/javascript">
    if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
        if (window.location.href.indexOf("?mobile") < 0) {
            try {
                if (/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
                    window.location.href = "http://h5.zzhq.com/";
                }
            } catch (e) { }
        }
    }
</script>










                

        

        

    




    

      

        

            

              
                
                  程序伊甸园
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
js判断PC端与移动端跳转

				
			

			

				

					12-07
				

			

		

		

			
				
在网上看到很多这样类似的代码，但是有的很复杂，或者有的没有判断完全，上次经理去见完客户回来讲，使用苹果浏览打开pc端（pc已经做了识别跳转）会自动跳转到移动端的网页去，后来经测试才发现
[removed]ln(" 是否为移动终端: "+browser.versions.mobile+"</br>");  //打印出来 true
所以在完整版的代码中 第一层if 判断一直是true
以上的原因是因为，网上流传的判断为： 
mobile: !! u.match(/AppleWebKit.*Mobile.*/) || !! u.match(/AppleWebKit/), //是否为移动终端

			
		

	



                

              
                



	

		

			

				
					
JVM探究-（狂神说）- 雁迟

				
			

			

				

					雁迟的博客
				

				

					06-13
					
					256
					
				

			

		

		

			
				
【狂神说Java】JVM快速入门篇：https://www.bilibili.com/video/BV1iJ411d7jS

JVM探究

请你谈谈你对JVM的理解？java8虚拟机和之前的变化更新
什么是OOM，什么是栈溢出StackOverFlowError？怎么分析？
JVM的常用调优参数有哪些？
内存快照如何抓取，怎么分析Dump文件？
谈谈JVM中，类加载器的认识？

JVM的位置

JVM体系结构



类加载器
作用：加载Class文件~

1、虚拟机自带的加载器
2、启动类（根）加载器
3.

			
		

	



                


  
              

                


	

		

			

				
					
laravel5.6框架中不登录跳转处理

				
			

			

				

					一只码农的博客
				

				

					09-08
					
					1531
					
				

			

		

		

			
				
在laravel框架中，可以设置中间件，在访问系统的页面时，将没有登录的访问重定向会登录页面，如果利用系统的auth中间件，因为它默认针对的是前端，因为经过底层的一系列处理，它会到框架的Exceptions目录里的Handler.php类中执行rander方法，最终如果没有登录的时候会执行unauthenticated方法，那么我们可以重写该方法，让其可以前台不登录时跳转到前端登录页，后台不登录时...

			
		

	





	

		

			

				
					
mPaSS小程序 路由跳转

				
			

			

				

					a9874561328的博客
				

				

					05-23
					
					1544
					
				

			

		

		

			
				
一 跳转

1 my.switchTab

用于tabBar页面直接跳转

跳转tabBar页面，并会将其他非tabBar页面关闭

2 my.reLaunch

跳转到指定页面，之后关闭所有其他页面

3 my.redirectTo

用于中间功能页跳转，后退（my.navigateBack）不会后退到该页面

跳转到指定页面，并关闭该页面

4 my.navigateTo

常用于非tabBar页面正常跳转

跳转到非tabBar的指定页面,注意小程序的页面栈最多有10层

5 my.navigateB

			
		

	



		

			
		



	

		

			

				
					
2022/10/16今日问题：（点击下方目录可直接跳转）

				
			

			

				

					wangdunyan的博客
				

				

					10-16
					
					5312
					
				

			

		

		

			
				
问题一、一个Textview组件中的文本被前面的组件挡住？
问题二、一个Textview组件中的文本超出了屏幕？
问题三、一个Textview组件盖住了另一个Textview组件？
问题四、一个Textview组件部分区域被推出了屏幕之外？
问题五、一个Textview组件中文字过多时，总是向上下同时占用位置，挡住上方的组件。

			
		

	





	

		

			

				
					
http跳转https配置实例

				
			

			

				

					kevinsingapore的博客
				

				

					08-03
					
					1443
					
				

			

		

		

			
				
作用段：  

 server {  
      listen 80;  
      server_name aa.bb.ai;      

#访问http://aa.bb.ai的请求跳转到https://aa.bb.ai
       rewrite ^/(.*)$ https://aa.bb.ai/$1 permanent;
       
    } ...

			
		

	





	

		

			

				
					
4.爬虫基础——你真的了解url(网址)吗？

				
			

			

				

					python伊甸园的博客
				

				

					10-20
					
					5855
					
				

			

		

		

			
				
1.什么是URL？

URL:（Uniform Resource Locator,统一资源定位符），用于定位网络上的资源，每一个信息资源在网上都有唯一的一个地址，俗称网址。比如：打开https://www.baidu.com/，就会显示如下网页。



2.URL的组成？

URL遵守以下的语法规则：


scheme://host:port/path/?query-string=xxx#anch...

			
		

	





	

		

			

				
					
利用Android SAF（存储访问框架）进行游戏反和谐（伊甸园的骄傲）/Android data目录的访问限制

				
			

			

				

					王凯旋的博客
				

				

					08-18
					
					4348
					
				

			

		

		

			
				
最近在玩一个手游，伊甸园的骄傲，日服客户端中的一些立绘稍微有些暴露，国服上线后不出意外的被和谐（添加布料）了

    但nga的大神们总是有办法解决，一位大佬就提供了反和谐的方法：



大致是将日服客户端的资源文件提取，替换掉国服客户端的资源文件，来完成角色立绘的反和谐。

但方法是有了，帖子下方仍然有不少玩家难以反和谐，因为目前的一些手机厂商，为了用户的安全，禁止了很多权限，包括用户访问data目录的权限，这使得用户必须root手机之后才...

			
		

	





	

		

			

				
					
python 对指定URL获取其子链接

				
			

			

				

					勇往直前的专栏
				

				

					08-22
					
					1963
					
				

			

		

		

			
				
仿照http://blog.csdn.net/lming_08/article/details/44710779里面的方法, 获取指定URL 的所需的子链接及其描述.


#!/usr/bin/python
# -*- coding: utf-8 -*-
import sys
import urllib2
import re
 
if len(sys.argv) != 2:
	print "%s ...

			
		

	





	

		

			

				
					
判断当前终端是手机还是pc端并进行不同的页面跳转

				
			

			

				

					qq_26173001的博客
				

				

					05-27
					
					910
					
				

			

		

		

			
				
DEMO 1 （亲测实用）


<script type="text/javascript">
    function browserRedirect() {
        var sUserAgent= navigator.userAgent.toLowerCase();
        var bIsIpad= sUserAgent.match(/ipad/i) == "ipa...

			
		

	





	

		

			

				
					
分享两个手机访问pc网站自动跳转手机端网站代码

				
			

			

				

					01-21
				

			

		

		

			
				
4G降临，移动网站已经一发不可收拾，pc端和移动端官网并存。如何让别人访问你的pc端的官网直接跳转到移动端的网站呢？各位看官，小二上代码！来了！ 判断浏览器是否为手机端  [removed] (function(){var reWriteUrl=...

			
		

	





	

		

			

				
					
基于JS实现移动端访问PC端页面时跳转到对应的移动端网页

				
			

			

				

					11-24
				

			

		

		

			
				
不想通过CSS自适应在PC端和移动端分别显示不同的样式，那么只能通过在移动端访问PC端网页时跳转到对应的移动端网页了，那么怎么跳转呢，网上也有很多文章说明，以下实现思路经过小编测试过，放心使用。 1.效果图  PC...

			
		

	





	

		

			

				
					
vue微信分享出来的链接点开是首页问题的解决方法

				
			

			

				

					01-19
				

			

		

		

			
				
其中如果手机访问PC端，则自动跳转到移动端。（这是常规操作，没啥稀奇点。） 可神奇的问题来了。 在移动端中有微信分享功能，如果手机直接访问手机端的地址进入子页面分享，点开分享的链接进入的是子页面。但是如果...

			
		

	





	

		

			

				
					
wap2pc——wap网站和pc网站的跳转代码

				
			

			

				

					11-01
				

			

		

		

			
				
类手机端访问pc版的网站，受到平台,性能，流量，分辨率等的限制,在用户用移动设备访问主网站的时候需要跳转到wap版的站点。  在网上搜集资料(主要是手机终端类型太多了)，发现很多人都有这个需求。但是受限于经济...

			
		

	





	

		

			

				
					
vue快速入门（四十六）Router的安装与使用

					
最新发布

				
			

			

				

					不起眼小菜菜的博客
				

				

					04-26
					
					417
					
				

			

		

		

			
				
步骤很详细，直接上教程……

			
		

	





	

		

			

				
					
vue2---修饰符

				
			

			

				

					weixin_45503872的博客
				

				

					04-24
					
					1009
					
				

			

		

		

			
				
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。

			
		

	





	

		

			

				
					
vue 实现级联选择器功能

				
			

			

				

					清音的博客
				

				

					04-22
					
					521
					
				

			

		

		

			
				
数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象用于指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。

			
		

	





	

		

			

				
					
Redux 状态持久化之 redux-persist 使用示例

				
			

			

				

					笔记、经验、日常分享
				

				

					04-24
					
					305
					
				

			

		

		

			
				
同vuex一样，redux中的状态会在刷新浏览器后状态又恢复到初始状态，有些数据想在浏览器刷新后仍然是在最新的状态，不会丢失，就需要借助一些插件实现。本文通过 redux-persist 插件来实现Redux状态的持久化。

			
		

	





	

		

			

				
					
vue-manage-system 更新，后台管理系统开发更简单

				
			

			

				

					林鑫
				

				

					04-22
					
					415
					
				

			

		

		

			
				
近期进行了一次版本升级，主要是支持了更多功能、升级依赖版本和优化样式，并且上线了网站，大部分功能都有文档或者使用示例，更加适合新手上手开发，只需要根据实际业务简单修改，就可以完成产品需求。

			
		

	





	

		

			

				
					
前端如何判断pc端还是移动端跳转

				
			

			

				

					03-31
				

			

		

		

			
				
前端可以通过判断用户使用的浏览器类型、屏幕尺寸等方式来判断用户是在PC端还是移动端。根据判断结果，可以在代码中使用条件语句实现不同的跳转逻辑。以下是一些实现方式：

1. 判断浏览器类型

可以通过navigator.userAgent获取用户的User Agent信息，根据其中包含的关键字判断用户使用的是PC端还是移动端浏览器。

示例代码：

```javascript
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
  // 移动端跳转
} else {
  // PC端跳转
}
```

2. 判断屏幕尺寸

可以通过window.screen.width和window.screen.height获取用户屏幕的尺寸，根据尺寸大小判断用户是在PC端还是移动端。

示例代码：

```javascript
if(window.screen.width < 768) {
  // 移动端跳转
} else {
  // PC端跳转
}
```

3. 使用CSS媒体查询

可以利用CSS媒体查询来根据屏幕尺寸自动适应不同的布局。通过在HTML中设置不同的class，可以在JS中根据class来判断用户是在PC端还是移动端。

示例代码：

```html
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
    .pc { display: block; }
    .mobile { display: none; }
    @media only screen and (max-width: 768px) {
      .pc { display: none; }
      .mobile { display: block; }
    }
  </style>
</head>
<body>
  <div class="pc">PC端内容</div>
  <div class="mobile">移动端内容</div>
  <script>
    if(document.querySelector('.mobile').style.display == 'block') {
      // 移动端跳转
    } else {
      // PC端跳转
    }
  </script>
</body>
```

以上是几种判断PC端还是移动端并跳转的方式，根据实际情况选择合适的方式即可。

			
		

	



              



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

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值