当前位置: 代码迷 >> JavaScript >> [请问]怎么让手机和电脑访问同一网址进入不同页面
  详细解决方案

[请问]怎么让手机和电脑访问同一网址进入不同页面

热度:882   发布时间:2012-03-04 11:13:33.0
[请教]如何让手机和电脑访问同一网址进入不同页面?
请教,如何让手机和电脑访问同一网址进入不同页面?
这里要求不仅仅像打印页面一样只是格式和布局不一样,而是要求网页内容也不一样
最好是能够实现页面的跳转,跳转到不同的页面
哪位大侠知道能指点一下吗?

------解决方案--------------------
在客户端检测现在是什么浏览器,是手机还是PC,然后页面跳转,这是我的想法,没条件去试:)
------解决方案--------------------
应该可以判断浏览器的userAgent来实现。根据不同的来展示不同的页面,具体的UserAgent。你找找就行了。
满地都是的。
------解决方案--------------------
隐藏不访问的区域,调用哪个区域就显示那个就可以了,可以共用一个页面,也可以用action和include
------解决方案--------------------
UserAgent服务器端是可以取到的,这个工作应该在服务器做,JS做的话一是会要等JS下载完成才会跳转,二是像上面提到的,人家禁用JS你就没戏了。
至于对浏览器的覆盖问题,覆盖不完全是很正常的。因为你不可能保证你的网站在任何未知和已知的浏览器上都正常运行,去覆盖那些你不知道的浏览器本身就是没有意义的――你都没测试过怎么知道你的网站能在那些浏览器下正常工作?那就是在碰运气了吧。不过因为流行的智能手机操作系统就那么几种,所以你覆盖了那几种几乎就覆盖了全部了。
用于不同系统的Mobile Opera
用于Windows Mobile的IE
用于iPhone的Mobile Safari
用于Black Berry的……我也不知道
关于这些浏览器的UserAgent可以自己查查,不过个人经验来说一般手机浏览器的UserAgent都会包含mobile字样。所以不妨在服务器端设置这样几条规则:
首先分别判断上面几种浏览器的UserAgent,转到相应的网站(如果你打算为不同浏览器做不同网站的话。如果不是,则转到统一的手机网站)
然后如果UserAgent包含mobile,却不是以上的浏览器,则转到一个默认的手机网站(这就是在碰运气了,因为默认网站不一定会在这个未知浏览器下工作)。
如果以上都不是,那么当作是PC浏览器,转到PC浏览器网站。当然你还可以根据不同的PC浏览器做不同的网站。不过相信没有多少人这么吃饱了撑的吧。
服务器上怎么获得UserAgent就要看你用什么技术了。
------解决方案--------------------
判断浏览器的userAgent来实现。根据不同的来展示不同的页面
------解决方案--------------------
CSS那个:完全用CSS实现个人觉得不太现实,因为PC主页肯定比手机主页复杂,包含更多的内容。CSS只是控制显示样式。所以顶多能把一些元素隐藏掉。这里有两个问题,一个是如果用于PC的主页比较复杂,那CSS隐藏部分内容也解决不了问题,还是会因为主页内容过于庞大而造成手机运行缓慢。二是PC主页和手机主页一般来说而已会有很大的不同,只用不同的CSS想达到目标应该说比较困难。
框架:不建议,原因你自己也说了,期望手机浏览器都不支持框架才行。关于手机浏览器现在是不是支持框架我也不太清楚,不过发展趋势来看,就算现在不支持,迟早也会支持的。

还有你提到的那个网站,相当一部分手机的浏览器是只支持WAP的,如果你打算还要支持WAP的话,那就要判断更多了。我开始以为你只想支持那些有HTTP浏览器的手机
  相关解决方案