需求:移动端访问PC上的自定义域名,如在Nginx上配置的域名 ​ 如vv.zzcloud.com这个域名在pc上是通过host映射的方式访问,现在需要在手机上访问到这个域名. 工具:Charles代理工具 系统:Mac OS 项目中需要查看手机端页面,通过Chrome带的那个模拟器毕竟不如真机的效果,有些东西确实没法模拟,所以我想直接在手机上看开发环境的效果 由于只是开发完成,所以我的页面还没有发布到线上,也就是说没法通过线上的域名访问到,所以得想其它的办法. 尝试用过ngork这个内网穿透工…
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…
随着智能手机的流行,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 type="text/javascript"> //移动端url跳转,自定义部分开始 function mobile_device_detect(url) { var thisOS = navigator.platform; var os = new Array("iPhone", "iPod", "iPad", "android", "Nokia", &qu…
<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…