访问m移动端自动跳转到PC的HTML代码

逝水年华 · 发表于 2023-7-20 19:51:06

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

谁有给份咯，谢谢啦，小红包献上。

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

浅生 · 发表于 2023-7-20 19:51:15

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>移动端自动跳转</title>
  <script>
// JavaScript判断设备类型
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);

// 如果是移动设备，则跳转到PC页面
if (isMobile) {
   window.location.href = "https://www.example.com/pc-page";
}
  </script>
</head>
<body>
  <h1>移动端页面</h1>
  <p>这是移动端页面的内容。</p>
</body>
</html>

IT618发布 · 发表于 2023-7-20 19:51:45

简易推荐版：

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("你的手机版网址");</script>

复制代码

IT618发布 · 发表于 2023-7-20 19:52:38

帮顶一下吧

独家记忆 · 发表于 2023-7-20 19:53:09

应该判断窗口分辨率，小于590px就跳转/m

拾光 · 发表于 2023-7-20 19:53:57

解决了吗

婷姐 · 发表于 2023-7-20 19:54:50

解决了没有？

Crystαl · 发表于 2023-7-20 19:55:04

学习了，可以的

婷姐 · 发表于 2023-7-20 19:55:35

以下是一种常见的HTML代码，可用于在移动端访问时自动跳转到PC端：

html
<!DOCTYPE html>
<html>
<head>
<title>移动端自动跳转到PC</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
      // 检测是否为移动设备
      function isMobileDevice() {
         return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
      }

      // 如果是移动设备，则跳转到PC端
      if (isMobileDevice()) {
         window.location.href = "https://你的PC端网址";
      }
</script>
</head>
<body>
<h1>移动端页面内容</h1>

</body>
</html>
这段代码通过JavaScript判断用户的设备类型，如果是移动设备，则使用window.location.href将页面重定向到PC端的网址。在<script>标签中，isMobileDevice()函数用来检测用户的设备类型。如果是移动设备，则调用window.location.href语句进行跳转。

你需要将代码中的https://你的PC端网址替换为实际的PC端网站地址。这样，在移动端访问时，页面会自动跳转到PC端。请确保该代码被嵌入到移动端页面的<head>标签之间。

独家记忆 · 发表于 2023-7-20 19:55:43

保留参数：以下是留存URL参数进行移动端自动跳转到PC的HTML代码示例：

html
<!DOCTYPE html>
<html>
<head>
<title>移动端自动跳转到PC</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
      // 检测是否为移动设备
      function isMobileDevice() {
         return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
      }

      // 如果是移动设备，则跳转到PC端并保留URL参数
      if (isMobileDevice()) {
         var pcUrl = "https://你的PC端网址" + window.location.search;
         window.location.href = pcUrl;
      }
</script>
</head>
<body>
<h1>移动端页面内容</h1>

</body>
</html>
这段代码与之前的示例基本相同，唯一的区别是在移动设备检测后，我们使用window.location.search获取当前URL的查询参数，并将其拼接到PC端网址后面。这样就实现了在跳转时保留URL参数的功能。

请记得将代码中的https://你的PC端网址替换为实际的PC端网站地址。确保该代码被嵌入到移动端页面的<head>标签之间。这样，在移动端访问时，页面会自动跳转到PC端，并保留原有的URL参数。