`

JS 判断手机端和pc端后跳转对应页面

 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>判断手机端和pc端</title>
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<script type="text/javascript">
<!--判断手机端和pc端-->
(function () {
	var sUserAgent = navigator.userAgent;
	if (sUserAgent.indexOf('Android') > -1 || sUserAgent.indexOf('iPhone') > -1 || sUserAgent.indexOf('iPad') > -1 || sUserAgent.indexOf('iPod') > -1 || sUserAgent.indexOf('Symbian') > -1) {
		location.href = 'http://m.onestopweb.cn/';            
	} else {
		//location.href = 'http://www.onestopweb.cn/';  
    }        
})(); 
</script>
</head>
<body>
<h3>阅谁问君诵,水落清香浮。</h3>
</body>
</html>

 

效果图:

 

 

 

  • 大小: 10.2 KB
2
3
分享到:
评论

相关推荐

    JS如何实现网站中PC端和手机端自动识别并跳转对应的代码

    本文将详细探讨如何利用JavaScript实现PC端和手机端的自动识别及跳转。 首先,我们需要了解JavaScript是如何检测设备类型的。通常,这是通过检查浏览器发送的`User-Agent`字符串来完成的。`User-Agent`包含了关于...

    JS 跳转对应的手机页面精简版

    在JavaScript(JS)中,实现从网页跳转到对应手机页面的功能是一项常见的需求,尤其是在响应式网站设计或者移动优先的开发策略中。本教程将基于提供的`mobile.js`文件,探讨如何精简地进行这样的页面跳转。我们将...

    机访问PC站时自动跳转到手机站的js

    当用手机浏览器访问pc网站时,自动跳转到对应的手机网站

    PC页跳转手机页.rar_PC页跳转手机页_pc页是什么_手机脚本

    接下来,我们将深入探讨这个主题,包括PC页与手机页的区别、如何实现PC页跳转手机页以及相关的JavaScript脚本应用。 首先,让我们理解什么是"PC页"和"手机页"。PC页,顾名思义,是专门为个人计算机或桌面浏览器设计...

    js判断PC端与移动端跳转

    本文将详细介绍使用JavaScript(简称js)来判断访问设备类型,并根据设备类型进行PC端与移动端跳转的方法。 一、为什么要判断PC端与移动端 1. 响应式设计:随着移动设备的普及,网页设计需要支持响应式布局,以便在...

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

    这样,当移动端用户访问PC端页面时,他们会被自动重定向到`testmobile.html`,获得更适合手机浏览的体验。 然而,这种方法有一些潜在的问题需要注意。首先,它忽略了响应式设计的优势,可能会导致SEO问题,因为搜索...

    JS 手机访问PC站跳对应的手机域名和路径

    标题“JS 手机访问PC站跳对应的手机域名和路径”涉及到的是网页适配技术,主要是为了让使用移动设备(如手机、平板)访问原本为个人电脑(PC)设计的网站时,能够自动重定向到相应的移动端网站或者适配的页面。...

    基于JavaScript代码实现pc与手机之间的跳转

    根据这个字符串,我们可以大致判断用户是在PC端访问网页还是在手机端。 接下来,通过一些基本的字符串操作,例如indexOf()方法,可以判断navigator.platform返回的字符串是否包含特定的关键字,如"Win"(通常意味着...

    手机访问网站自动跳转到手机版代码.rar

    为了保持SEO友好,一些网站可能会使用URL重写技术,使得无论是PC还是移动设备,访问同一个URL,但实际加载的是对应设备的页面内容。 7. **最佳实践**: - 跳转策略应尽可能智能,避免误判,如某些桌面浏览器可能...

    立志在线学习系统,是基于java+vue开发的在线教育平台,将开发PC、小程序、手机端,集成RABC权限+在线考试+.zip

    立志在线学习系统是一个全面的在线教育平台,它采用先进的技术栈,将Java后端开发与Vue前端框架紧密结合,旨在为用户提供PC、小程序以及手机端的一体化学习体验。这个系统的构建不仅考虑了用户友好的界面设计,还...

    单页面和多页面开发及应用

    - 跳转仅加载一次,用于PC和公务网站 - 页眉 -&gt; 第一页,第二页, 第三页 -&gt; 脚本 # 单页面技术: -AngularJS是一个全面的客户端侧框架。其模板基于双向UI数据绑定。数据绑定是一种自动方法,在模型改变时更新视图,...

    PHP实现根据设备类型自动跳转相应页面的方法

    例如,当用户使用智能手机访问网站时,网站可以自动跳转到为手机优化过的页面,这样可以改善用户的访问体验,减少页面加载时间,同时也可以让网站在不同设备上的显示更加友好。 PHP作为目前广泛使用的服务器端脚本...

    jquery-pagnation-mobile-pc.zip

    "jquery-pagnation-mobile-pc.zip" 提供了一个兼容移动端和PC端的jQuery分页插件,帮助开发者轻松实现跨平台的页面导航。 1. **jQuery基础知识**:jQuery是一个快速、简洁的JavaScript库,简化了HTML文档遍历、事件...

    支付宝支付DEMO

    WAP支付和PC支付则涉及到更多服务器端的交互,包括调用支付宝接口生成支付页面的URL,以及接收支付成功后的回调通知。 通过这个DEMO,开发者可以学习到如何处理签名、如何构造支付请求参数、如何验证支付结果等一...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    市场上相应的检测平台诸如检测通、凡特网等皆为pc端检测网站,并且操作繁琐不够人性化,用户在实地使用中存在很多问题。昆山工业技术研究院着眼于为委托用户和质检机构搭建良好的沟通桥梁,免去目前市场业务中企业...

    wap图片滚动特效无css3元素纯js脚本编写

    【描述】:本文主要探讨了在没有使用CSS3的情况下,如何使用JavaScript编写一个适用于手机端的图片滚动特效。作者在尝试自行创建这个功能时遇到了一些挑战,包括图片添加链接后拖动导致页面跳转、无法同时滚动页面...

    仿通讯录实现字母索引.zip

    在本项目中,我们主要探讨如何使用Vue.js和JavaScript技术来实现一个仿通讯录功能,特别是在PC端的应用。Vue.js是一种流行的前端JavaScript框架,它以其轻量级、易上手和组件化的特性受到广大开发者的青睐。而...

    niushop1.01多商户企业版uniapp源码4.0.4版本A,niushop多商户版源码v4,Node.js

    - `pages.json`:定义了应用的页面路由和配置,用于uniapp构建时生成对应的平台代码。 - `manifest.json`:uniapp的配置文件,包含了应用的基础信息,如名称、图标、权限等,用于生成各平台的配置。 - `package-...

Global site tag (gtag.js) - Google Analytics