nginx 监测pc和移动端访问跳转

2024-09-04

项目部署之nginx实现PC端和移动端自动跳转

假设PC端域名为 www.abc.com 移动端域名为m.abc.com PC端nginx配置文件server中加入如下代码: if ($http_host !~ "^www.abc.com$") { rewrite ^(.*) http://www.abc.com$1 permanent; } if ($http_user_agent ~* (mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)) { rewrite

同域名下PC与移动端自动识别跳转

输入相同域名,在pc端和移动端会出现不同的页面效果,一种是用栅格系统实现自适应,更多的是设计两套不同的模板和两个二级域名或者一个主域名和一个二级域名(就是有区别就可以了); js代码判断浏览器的用户代理头类别从而实现不同跳转 <script type="text/javascript"> (function(){ var ua = window.navigator.userAgent.toLowerCase(); if (!(/Android|webOS|iPhone|iP

nginx 移动端和pc端自动跳转

场景项域名描述 pc端 www.one.com 用于pc端访问官网移动端 m.one.com 用于移动端访问现在的需求是这样,在pc端访问www.one.com和m.one.com都跳转到www.one.com而在移动端访问www.one.com和m.one.com都跳转到m.one.com 参考,github上的这篇文章很详细,但是比较复杂,很多场景我们用不到,所以参考这个,我修改如下. pc端:www.one.com server { listen 80; server_name

【Javascript Demo】移动端访问PC端网页时跳转到对应的移动端网页

不想通过CSS自适应在PC端和移动端分别显示不同的样式,那么只能通过在移动端访问PC端网页时跳转到对应的移动端网页了,那么怎么跳转呢,网上也有很多文章说明,下面是本人测试有效的方式. 1.效果图 PC端访问显示: 移动端访问显示: 2.实现: 不考虑移动端搜索引擎优化的话,只需要通过JS判断是否移动端,然后确定是否跳转到指定页面就行了,主要JS如下: //判断是否移动端,如果是则跳转到指定的URL地址 function browserRedirect(url) { //只读的字符串,声明了浏览器

nginx只允许移动端访问（判断拦截pc浏览器访问）

set $mobile_request '0'; if ($http_user_agent ~* (Android|webOS|iPhone|iPod|BlackBerry)) { set $mobile_request '1'; } if ( $request_uri ~* (error)) { set $mobile_request '2'; } if ($mobile_request = '0') { rewrite ^.+ http://www.baidu.com/error.html;

【转】Nginx区分PC或手机访问不同网站

原文链接:http://www.nginx.cn/784.html 近几年来,随着手机和pad的普及,越来越多的用户选择使用移动客户端访问网站,而为了获取更好的用户体验,就需要针对不同的设备显示出最合适的匹配,这样就是近年来流行的“响应式web设计”. 响应式web设计是一种纯前端技术js.css等实现的针对不同设备访问同一网址看到不同的布局,是页面内容更适合当前设备阅读.但这个不是本文的重点,重点还是放在nginx如何实现上来. 本文要讲的的是如何使用nginx区分pc和手机访问不同的网站,是

Nginx区分PC或手机访问不同网站

近几年来,随着手机和pad的普及,越来越多的用户选择使用移动客户端访问网站,而为了获取更好的用户体验,就需要针对不同的设备显示出最合适的匹配,这样就是近年来流行的“响应式web设计”. 响应式web设计是一种纯前端技术js.css等实现的针对不同设备访问同一网址看到不同的布局,是页面内容更适合当前设备阅读.但这个不是本文的重点,重点还是放在nginx如何实现上来. 本文要讲的的是如何使用nginx区分pc和手机访问不同的网站,是物理上完全隔离的两套网站(一套移动端.一套pc端),这样带来的好处p

JavaScript判断移动端及pc端访问不同的网站

JavaScript判断移动端及pc端访问不同的网站现在很多网站都是分为两个版本,一个pc端的一个移动端的(响应式除外),针对这两个版本,就需要对访问的设备进行判断,如果是pc,就直接访问pc网站,否则就访问移动端网站. 对于这个问题可以通过判断UA来解决,前端js可以判断,后端判断也行,这里我们主要讨论的是如何通过js来处理. 假如我们有一个网站,pc端通过www.test.com访问,而移动端通过m.test.com来访问.我们需要做的就是当移动端访问www.test.com时可以直接跳转

JS判断手机访问页面，根据手机访问或者PC访问跳转

当用户访问你网站时,如果是PC端访问,则不作处理,如果是手机或者平板访问,就跳转到自己定义的手机页面去,这个在做webapp的时候经常用到,把代码分享给大家,希望对大家有所帮助. 首先,你要在页面中引用一个jsuaredirect.js,js源码如下: function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=windo

js如何判断用户是在pc端和还是移动端访问

js如何判断用户是在pc端和还是移动端访问来源:A5技术交流作者:wofa 时间:2014-04-25收藏本页最近一直在忙我们团队的项目“咖啡之翼”,在这个项目中,我们为移动平台提供了一个优秀的体验.伴随android平台的红火发展.不仅带动国内智能手机行业,而且许多国内开发者也开始投身于android移动终端的大浪潮中.如果很多互联网大浪潮你错过了.那么这个android浪潮你绝对不能错过.目前我们为“咖啡之翼”已经开发了移动终端以及安卓客户端,大家使用android或者ios操作系统的

js判断用户是在PC端或移动端访问

js如何判断用户是在PC端和还是移动端访问. 最近一直在忙我们团队的项目“咖啡之翼”,在这个项目中,我们为移动平台提供了一个优秀的体验.伴随Android平台的红火发展.不仅带动国内智能手机行业,而且许多国内开发者也开始投身于Android移动终端的大浪潮中.如果很多互联网大浪潮你错过了.那么这个Android浪潮你绝对不能错过.目前我们为“咖啡之翼”已经开发了移动终端以及安卓客户端,大家使用Android或者IOS操作系统的手机,直接访问域名www.jbxue.com即可观看移动终端效果.同

3个方法实现JavaScript判断移动端及pc端访问不同的网站

3个方法比较简单,分别在页面头部加入如下js代码: 对于简单地直接从www.maslinkcom跳转到m.maslink.com,此方法仅从首页而言: <script>(function () { var url = location.href; // replace www.maslink.com with your domain if ( (url.indexOf(‘www.maslink.com’) != -1) && navigator.userAgent.match(

thinkphp5判断移动或pc端访问并调用不同模板

废话不多说,直接上代码先修改\thinkphp\library\think\view\driver\Think.php文件把 public function __construct($config = []){ $this->config = array_merge($this->config, $config); if (empty($this->config['view_path']) && defined('VIEW_PATH')) { $this->

微信浏览器的页面在PC端访问

微信浏览器的页面在PC端访问: 普通的在微信浏览器看的页面如果不在php代码中解析一下,然后复制链接在PC打开就出现无法访问,因为它复制的地址是: https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx3ddcdc079ccd2ad7&redirect_uri=http%3A%2F%2Fjiyuqiao.welinli.com%2Findex.php%3Fs%3D%2Fwechat%2Fzwfw%2Findex.html&r

判断pc端或移动端并跳转

判断pc端或移动端并跳转代码目录: index.html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> function IsPC() { var userAgentInfo = na

限制页面被pc端访问

在需要被pc端访问的页面的脚本里加上如下代码即可: <script>var system = {}; var p = navigator.platform; var u = navigator.userAgent; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf

Nginx区分PC和手机

目录一.简介二.配置 nginx识别手机端跳转到wap pc端跳转移动端一.简介有时候需要当手机访问PC站页面时自动跳转到对应的手机站页面. 二.配置 nginx识别手机端跳转到wap 即手机打开web时,默认打开wap server { listen 80; server_name www.52wiki.cn; access_log /data/logs/nginx/www.52wiki.cn.access.log main; error_log /data/logs/nginx/ww

JS判断PC和移动端设备

1.方法一 function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v < Agents.l

【虚拟机-网关】如何在使用应用程序网关和 Nginx 的环境下实现强制 HTTPS 跳转

背景介绍大家在使用 Nginx 部署网站时,实现 HTTP 到 HTTPS 的强制跳转是非常容易的事情,一般可以使用rewrite 命令或者使用返回自定义 301 页面的方法对 HTTP 请求进行 HTTPS 重定向.如果大家把 Nginx 服务器部署在 Azure 应用程序网关后端时,会发现如果原封不动的采取原先的方法进行重定向就无法正常工作. 本文通过讲述 Azure 应用程序网关的工作原理,向大家介绍一种在使用应用程序网关和 Nginx 的环境下实现强制 HTTPS 跳转的方法. 应用程

移动端app跳转百度地图

http://lbsyun.baidu.com/index.php?title=uri/guide/helloworld(百度地图调起URI API)开发者只需按照接口规范构造一条标准的URI,便可在PC和移动端浏览器或移动开发应用中调起百度地图产品,进行地图展示和检索.线路查询.导航等功能,无需进行复杂的地图功能开发. http://lbsyun.baidu.com/index.php?title=uri/api/web 2.2.3公交.驾车.步行路线规划服务地址 http://api.ma

nginx做http向https的自动跳转

在访问百度时,在浏览器输入www.baidu.com会自动跳转到https://www.baidu.com不用人工干预,nginx也可以做这样的自动跳转! 首先让nginx服务器监听两个端口,分别是80端口和443端口,注意监听443端口的时候需要配置证书的认证以及创建自签名证书! 关于证书的认证的以及创建自签名的证书,不再叙述(可以查看https://www.cnblogs.com/wxzhe/p/10125513.html了解证书的创建问题),这里只说明nginx的配置问题! nginx的配

nginx 监测pc和移动端访问跳转

热门专题