A-A+

网站PC端访问自动跳转移动端代码

2015年09月09日 技术 暂无评论 阅读 1,658 views 次

PC网站最先进入到人们的视野,只要接触了电脑的人群,一般都会学会用电脑上网。近几年,手机网民数量呈现爆发式增长的态势,据有关数据显示,手机网民的数量已经超越了电脑网民的数量,手机已成为第一大上网终端。随着人们习惯和行为的转变,把PC网站延伸到手机终端已成当今企业发展的一种硬性需求。因此,专家认为,手机网站制作是所有企业的共同需求。对企业而言,手机网站制作就像PC网站制作一样,两者缺一不可。

相对PC网站而言,手机网站是一个新生事物。难免有人会对它产生好奇和疑问:手机网站和PC网站有什么区别?

第一,风格特点不同。PC网站和手机网站风格有“详”与“简”的区别。PC网站展现的是企业全面详细的信息,它的特点就是面面俱到;而手机网站是居于电 话、短信、定位、分享、留言等基本功能的网站,它只展现企业的核心信息,针对性和目的性强,传输数据量小,访问速度快,这些特点更有利于其在手机终端发挥 营销价值。简而言之,它是PC网站的简约版,具备画面清晰、板块简约、排版整齐、视觉冲击力强等优势。

第二,登录方式不同。访问PC 网站需要通过输入网址或者通过搜索引擎来进行访问,而手机WAP网站的访问方式更新颖、更方便,访问手机网站可通过拍摄二维码直接登录访问,省去了手动输 入网址的麻烦,很好地满足了人的惰性。众所周知,能满足客户惰性的产品更具生命力,更容易吸引客户,被客户所接受。

第三,显示终端不 同。PC网站只适合电脑页面浏览,不适合手机页面的浏览,一旦PC网站在手机上展示,就会不可避免地出现比例不协调,排版不整齐、错位、变形、甚至出现乱 码的现象,这将有损企业形象,降低合作伙伴对企业的好感和信任,进而直接降低合作率和业务量,这是对企业一种致命的伤害。而手机网站是针对手机屏幕和手机 分辨率的大小而定制的网站,文字和图片的显示比例都适合手机页面浏览,吻合手机用户的视觉习惯和需求。两者可谓是一个萝卜一个坑,它们各自都是为自己的显 示终端量身订做,不可通用。因此,手机网站制作已成企业当今的刚性需求。

第四,与PC网站相比,手机网站的留言、分享功能更能促进与客户的互动,增加客户的粘度。正因为手机网站制作可以实现上述的优势,所以手机网站制作已成当今企业内在的需求。

随着网站技术的发展,两者的变化也会不快的加快,两者之间的差别也会变得越来越大,但是网站服务的初衷是永远不会变的,就是网站的使用者,只要网站的设计考虑到用户,同一个企业公司的手机WAP网站与PC网站都能够别用户所称赞。

怎么通过代码实现自动判断是手机端还是PC端跳转?

<script>
<meta name="mobile-agent"content="format=html5;url=http://www.t-t.wang/3g/">
<script type="text/javascript">
var userAgentInfo = navigator.userAgent;
if  (userAgentInfo.indexOf("Android") > 0 || userAgentInfo.indexOf("iPhone") > 0 || userAgentInfo.indexOf("SymbianOS") > 0 || userAgentInfo.indexOf("Windows Phone") > 0 || userAgentInfo.indexOf("iPod") > 0 || userAgentInfo.indexOf("iPad") > 0)
{
window.location.href = "http://www.t-t.wang/3g/";
}else {
}
</script>

将以上代码插入到主页源文件的区域之间,当用户在手机端输入网址http://www.t-t.wang会直接跳入到http://www.t-t.wang/3g的网页内容。

 

原文整理来自jz96,希望能帮助到大家。

标签:

给我留言

您必须 登录 才能发表留言!

Copyright © 推塔网 保留所有权利.   Theme  Ality 15028865

用户登录