DMZJWZ 资料网,php、asp.net、javascript 等资源免费分享平台

讲解让网站自动识别手机端与PC端的方法

作者:代码之家发布日期:2020-02-02分类: HTML_XHTML

这篇文章给家讲解让网站自动识别手机端与PC端的方法,具有一定的参考价值,感兴趣的朋友可以跟我来看看

经过淘宝双十一给出的数据统计,每五个人当中有一个人是通过手机端来进入淘宝购物的。通过经过我的博客数据统计,每3个人当中有一个人使用手机端来访问,这就意味着移动网络已经来临。

2.jpg

为了避免自己的网站落后,相信许多人都在想办法把自己的网站做成手机与电脑通用的网站,如何让网站自动识别手机端与PC端是各位站长一直困惑的问题。我在网络上寻找了很久一直没有找到合适的答案。经过测试,我把我自己的网站成功做成了自动识别的效果。方法很简单,在你需要自动跳转的页面加入以下代码:

<script type="text/javascript">
var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile",
 "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "lg", "ucweb", "skyfire");
var browser = navigator.userAgent.toLowerCase();
var isMobile = false;
for (var i=0; i<mobileAgent.length; i++){ if (browser.indexOf(mobileAgent[i])!=-1)
{ isMobile = true;
//alert(mobileAgent[i]);
location.href = 'https://siteapp.baidu.com/webapp/ssffx.com#m/https://www.ssffx.com/';
break; } }
</script>

手机网站如何做

当然更具不一样的程序制作手机网站的方法也是不一样的。这里我是使用一个通用的方法来制作我的手机网站的,适合任何一个程序系统。也就是百度移动开放平台。 利用siteapp来制作自己的手机网站,当然如果有更好的程序或者模板,那你也可以做成自己喜欢的样式。

1、免费创建自己的wapapp应用。输入域名点击右上角“下一步”。

2、更具自己网站的需求来制作自己的手机网站。如果你是门户站可以使用通用模板A,企业网站可以使用通用模板B,如果你是个人博客可以使用通用模板C。颜色更具网站的需求来标记即可。

3、设置导航,一般的情况下,博客类型网站设置的导航比较多,如果你是企业网站,那么你可以添加案例导航与新闻导航以及联系方式的导航即可。

4、更具你网站的需求,可以设置组件,比如电话咨询、在线咨询、查看地图等。

5、验证网站即可。

以上就是给大家讲解的让网站自动识别手机端与PC端的方法,希望对小伙伴们的学习和工作有所帮助,欢迎再次来到代码之家谢谢


温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

欢迎使用手机扫描访问本站