最近开始转向移动开发方向,因此对于一个移动开发的前端来说,使用各种真机来进行自己网站或者系统的界面进行针对性的调试就显的尤为重要了. 因此,会经常通过电脑开启一个 wifi 来供手机进行连接,形成一个小的局域网,然后就通过局域网的 ip 地址(查询 ip 地址,cmd——>ipconfig), 通过 ip 地址来进行自己本地服务器中的项目访问.本以为这种小 case 的东西可以分分钟搞定,可是,可是,可是偏偏就出现了无妨访问的情况. 如下图所示: 看到这个就泪奔了,竟然直接访问不到本地服务器啊.

4G时代,手机网站已经非常普遍了,一般手机网站都有一个二级域名来访问,比如 m.16css.com 如果手机直接访问www.16css.com 就是PC网站,在手机上浏览电脑版网站体验非常不好. 如果能够手机访问PC端电脑网站自动跳转到手机网站就好了: 代码如下: 将以下代码放在首页区 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 3

测试网页在手机上的显示工具我们可以使用谷歌内核的浏览器,打开开发者工具(F12),在device那里选择设备,然后刷新来查看网页在手机上的显示效果. 但毕竟是模拟的,如果想要在真机上调试该怎么办呢. 手机可以访问的电脑的本地站点的本质是手机通过浏览器输入电脑的IP地址及本地部署站点的端口来访问.手机只有与 PC 端在同一个局域网才可以访问. 1.情况一:手机和 PC 端连接同一局域网 手机通过 PC 端的IP地址及部署端口直接访问. 2.情况二:没有wifi,电脑连接以太网 (1)在 PC 端开

方法一: <script type="text/javascript"> try { var urlhash = window.location.hash; if (!urlhash.match("fromapp")) { if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { window.location="http://m.your-website.com

需求:移动端访问PC上的自定义域名,如在Nginx上配置的域名 ​ 如vv.zzcloud.com这个域名在pc上是通过host映射的方式访问,现在需要在手机上访问到这个域名. 工具:Charles代理工具 系统:Mac OS 项目中需要查看手机端页面,通过Chrome带的那个模拟器毕竟不如真机的效果,有些东西确实没法模拟,所以我想直接在手机上看开发环境的效果 由于只是开发完成,所以我的页面还没有发布到线上,也就是说没法通过线上的域名访问到,所以得想其它的办法. 尝试用过ngork这个内网穿透工

随着智能手机的流行,4G时代来临,手机用户越来越多,在生活中甚至手机比电脑用的还多,当前开发的网站大都是PC和WAP版并存,但是很少有用户愿意去记住一个网站的两个端的不同域名,所以需要我们做一些设置,在用户访问首页的时候,进行分析跳转,现将网上流行的几种方式汇总如下,希望对大家有用: 第一种方式:推荐,简单易用,亲测可以正常使用,代码如下: <script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js&qu

1.PC版首页</head>标签前加上以下脚本 <script src="/tools/browser_redirect.ashx"></script> browser_redirect.ashx输出内容为以下代码: function getMCookie(objName) { var arrStr = document.cookie.split("; "); for (var i = 0; i < arrStr.lengt

之前写pc端直接跳转wap端一直是后端java写的,跟js一样都是根据navigator.userAgent来判断设备是电脑还是手机的,我知道这种前端也可已完成的功能,只是后台比较强势,本人本着以和为贵的精神就没有跟他争执. 不过我还是比较喜欢前端判断设备的,不需要经过服务器编译,减少服务器压力(个人认为,可能有错,非喜勿喷).下面我就写一段用js判断设备的代码,其中有些资料是查网上的. //设备检测 function detectmob() { if( navigator.userAgent.

<SCRIPT LANGUAGE="JavaScript">function mobile_device_detect(url){        var thisOS=navigator.platform;        var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS"

方法一:使用百度siteapp中的js进行判断 <script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("需要跳转的手机网址")</script&g

function mobile_device_detect(url) { var thisOS = navigator.platform; var os = new Array("iPhone", "iPod", "iPad", "android", "Nokia", "SymbianOS", "Symbian", "Windows Phone",

输入所要访问的端口,然后默认下一步即可.

<script type="text/javascript">(function() { //得到域名后缀 var path = location.pathname.split('/') path = path.pop(); var ua = navigator.userAgent.toLowerCase(); var bIsIpad = ua.match(/ipad/i) == "ipad"; var bIsIphoneOs = ua.match(/i

<script type="text/javascript"> //移动端url跳转,自定义部分开始 function mobile_device_detect(url) { var thisOS = navigator.platform; var os = new Array("iPhone", "iPod", "iPad", "android", "Nokia", &qu

<script type='text/javascript'> var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf(, //IE内核 presto: u.indexOf(, //opera内核 webKit: u.indexOf(, //苹果.谷歌内核 gecko: u.i

$agent = $_SERVER['HTTP_USER_AGENT']; if(strpos($agent,"comFront") strpos($agent,"iPhone") strpos($agent,"MIDP-2.0") strpos($agent,"Opera Mini") strpos($agent,"UCWEB") strpos($agent,"Android") st

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

前天因为手机页面中点击无法链接53客服,就研究了下怎样通过js判断,用户是拿手机(ipad)访问,还是pc端访问, 如果是手机访问的话只需把链接通过attr修改a的链接地址~ <a class="c_click" onclick="fixed();" href="javascript:void(0);">aaa</a> 首先判断是否用户是拿手机还是电脑访问: function browserRedirect() { var

新官网上线,但在手机上访问新官网的体验很差,要求在手机上访问新官网时访问旧官网,可以通过修改Nginx配置来实现自动跳转.首先是新官网的Nginx配置文件加个跳转判断,通过user-agent判断来源是移动端还是PC端: server { listen ; server_name www.7d.com 7d.com; // 新官网域名 rewrite .* https://$host$request_uri last; } server { listen ssl; server_name www

新官网上线,但在手机上访问新官网的体验很差,要求在手机上访问新官网时访问旧官网,可以通过修改Nginx配置来实现自动跳转.首先是新官网的Nginx配置文件加个跳转判断,通过user-agent判断来源是移动端还是PC端: 1 server { 2 listen 80; 3 server_name www.7d.com 7d.com; // 新官网域名 4 rewrite .* https://$host$request_uri last; 5 } 6 7 server { 8 listen 44

今天在做一个wap网站时,需要限制PC用户访问.网上找了很多资料,效果都不怎么理想.其实原理就是根据HTTP_USER_AGENT判断检查用户在用什么浏览器,再根据业务做相应的逻辑处理. 代码如下: 1 public class IsPhoneAttribute : ActionFilterAttribute 2 { 3 public override void OnActionExecuting(ActionExecutingContext filterContext) 4 { 5 strin