location / { #pc端内容访问 set $flag "pc"; set $num 1; set $hua "${http_user_agent}"; set $iospad "${http_user_agent}"; set $androidpad "${http_user_agent}"; #mobile端访问内容 if ( $http_user_agent ~* "Mobile") {   

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

自己最近用node.js + react 做了个网站.在PC端上的访问是这样的: 手机访问居然是这样的: 这样用户体验很不好. 所以做了一个移动端的版本. 需求: 需要判断用户是否手机还是电脑 访问网站,从而进入不同的版本. 解决方案: 1. 解析 xxx.com 域名到pc版. 2. 解析m.xxx.com 域名到 移动版. 3.通过nginx 判断用户 是移动端访问还是PC端 从而进入不同的域名 实现: server { listen 80; server_name xxx.com; loc

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

在页面代码中加入以下js,即可利用JavaScript判断是否是手机mobile登录! <script type="text/javascript" src="${contextPath }/js/uaredirect.js"></script> <script type="text/javascript" type="text/javascript">uaredirect("ht

//判断是否属手机 function is_mobile() { $user_agent = $_SERVER['HTTP_USER_AGENT']; $mobile_agents = Array("240x320","acer","acoon","acs-","abacho","ahong","airness","alcatel","a

随着移动设备的普及,网站也会迎来越来越多移动设备的访问.用适应PC的页面,很多时候对手机用户不友好,那么有些时候,我们需要判断用户是否用手机访问,如果是手机的话,就跳转到指定的手机友好页面.这里就介绍一下,如何判断用户是否用手机访问. 自定义的函数如下: 01 $agent = check_wap(); 02 if( $agent ) 03 { 04     header('Location: http://www.nowamagic.net'); 05     exit; 06 } 07  

一.问题: 近日准备给自己的网站做一个小升级,让用户在手机二维码扫描的时候显示适合手机端来展示的模版[我用的是ThinkPHP3.0],代码是参考别人的 二.实现方法: 这里先说下大概的一个思路 简单两步: 统版本号和浏览器以及它的版本号(贴出的代码中数组中只有移动端信息,因此后面只需判断是否为数组中的某一个值即可). 根据数组中的值来判断访客是否为手机.pad.之类的移动端,如果是的话就规定项目路径.名称为你的手机端模版如 复制代码 代码如下: define('APP_NAME','mobi'

protected void Page_Load(object sender, EventArgs e) { MobileHandle(); } 页面加载时候判断是否为手机登录 protected void MobileHandle() { string mobilePath = PublicFunction.GetConfigValue("MobilePath");//手机页面的路径 if (!string.IsNullOrEmpty(mobilePath)) { bool isMo

自定义的函数如下: $agent = check_wap(); if( $agent ) { header('Location: http://www.nowamagic.net'); exit; } // check if wap function check_wap(){ // 先检查是否为wap代理,准确度高 if(stristr($_SERVER['HTTP_VIA'],"wap")){ return true; } // 检查浏览器是否接受 WML. elseif(strpo

JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的.在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道. 根据userAgent判断是否为手机访问   C# 代码   复制 function checkBrowser(){ var browser={ versions:function(){ var u = na

第一步:找到:Application / Common / Common / function.php 添加判断是否是手机访问的代码: /** * 判断当前访问的用户是 PC端 还是 手机端 返回true 为手机端 false 为PC 端 * @return boolean */ /** * 是否移动端访问访问 * * @return bool */ function isMobile(){ // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (isset ($_SERVER

XML序列化   #region 序列化 /// <summary> /// XML序列化 /// </summary> /// <param name="obj">序列对象</param> /// <param name="filePath">XML文件路径</param> /// <returns>是否成功</returns> public static bool S

// 判断是否是手机function plat_is_mobile(){ var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match

Bootstrap如同前台框架,它已经布置好不少的CSS.前端开发的使用须要则直接调用就可以.其站点的网址就是http://www.bootcss.com.使用Bootstrap能降低前端开发时候在CSS样子的布置时间 须要使用Bootstrap先在官网(点击打开链接)下载组件就可以,用于生产环境的Bootstrap版本号(点击打开链接),Bootstrap3对2并不兼容,建议直接依据其开发文档使用Bootstrap3. 将Bootstrap解压之后把得到的3个目录css,fonts,js复制到

随着移动设备的普及,网站也会迎来越来越多移动设备的访问.用适应PC的页面,很多时候对手机用户不友好,那么有些时候,我们需要判断用户是否用手机访问,如果是手机的话,就跳转到指定的手机友好页面.这里就介绍一下,如何判断用户是否用手机访问. 自定义的函数如下: $agent = check_wap(); if( $agent ) { header('Location: http://www.nowamagic.net'); exit; } // check if wap function check_

用thinkphp做底层框架,判断客户是用pc访问还是手机访问的. <?php $platform = platform();//检测访问平台 //print_r($_SERVER);DIE; define('FILE_ROOT' , dirname(__FILE__)); define('APP_DEBUG' , true); define('__BUICK__' , true);// define('APP_PUBLIC_PATH' , '../Public'); define('THINK

public boolean isTabletDevice() {        TelephonyManager telephony = (TelephonyManager) mContext.getSystemService(Context.TELEPHONY_SERVICE);        int type = telephony.getPhoneType();        if (type == TelephonyManager.PHONE_TYPE_NONE) {         

//是平板返回true 不是平板返回false public  boolean isTablet(Context context) { return (context.getResources().getConfiguration().screenLayout & Configuration.SCREENLAYOUT_SIZE_MASK) >= Configuration.SCREENLAYOUT_SIZE_LARGE; }

<script type="text/javascript"> //平台.设备和操作系统var system = { win: false, mac: false, xll: false, ipad: false};//检测平台var p = navigator.platform;system.win = p.indexOf("Win") == 0;system.mac = p.indexOf("Mac") == 0;system.x

1 <?php 2 //获取USER AGENT 3 $agent = strtolower($_SERVER['HTTP_USER_AGENT']); 4 5 //分析数据 6 $is_pc = (strpos($agent, 'windows nt')) ? true : false; 7 $is_iphone = (strpos($agent, 'iphone')) ? true : false; 8 $is_ipad = (strpos($agent, 'ipad')) ? true :