当前位置: 代码迷 >> HTML/CSS >> 开发网站,兼容pc访问与手机访问。解决方法
  详细解决方案

开发网站,兼容pc访问与手机访问。解决方法

热度:1178   发布时间:2013-01-07 10:02:24.0
开发网站,兼容pc访问与手机访问。
公司开发了个 门户网站,在pc上访问没有问题,但是用手机自带的浏览球访问的时候,版面就有问题,布局非常不好。
我的想法是,能不能判断出用户是从手机访问的网站,还是用pc访问的网站,如果能,就可以做两套东西,pc访问布局丰富的门户网站,而手机访问精简版的网站。
如果不能,希望高手们给个解决方案。
------解决方案--------------------
pc和手机访问的页面肯定都是两套吧,pc的页面内容繁多,手机上一般就需要精简了。怎么调用判断应该是程序人员的事吧,不知道啊,呵呵
------解决方案--------------------
搜索一下 HTTP_ACCEPT
------解决方案--------------------
可以考虑做个入口,选择是进入PC还是手机的页面。
------解决方案--------------------
现在的智能手机上的浏览器基本上跟实际PC的浏览器没有太大差别了(除了速度),只要你的页面满足W3C标准,显示出来就应该是一样的。
如果一定要区分浏览器的话,可以看userAgent,每种浏览器都有独一无二的userAgent。userAgent在客户端可以用
window.navigator.userAgent
得到。在服务器端就要看你用什么技术了,一般查查文档都会提到。

------解决方案--------------------
这个很容易,只要做两套不同布局的CSS样式表,然后象下面这样就行:
<style type="text/css" media="screen">  这个是给电脑用的,默认就是它
</style>
<style type="text/css" media="handheld">  这个是给手持设备用的(手机和PDA,屏幕差不多,调查一下手机最小标准的屏幕尺寸,进行设置就可以)。
</style>
------解决方案--------------------
可以判断的  用js判断就可以了 如:!/\((iPhone
------解决方案--------------------
iPad
------解决方案--------------------
iPod)/i.test(navigator.userAgent)  这只判断 了是否是苹果的手持设备  你还可以判断其他的
------解决方案--------------------
关注中!
------解决方案--------------------
除非手机浏览器和PC的浏览器用JS能取得区分的信息,不然没可能吧。

而且用户是用手机上网,还是用电脑上网,严格的来说是属于个人隐私的。
  相关解决方案