江苏龙网

  1. 首页 > 生活 > >

怎样实现相同的域名在pc端和无线端展示不同的页面内容

方法有许许多多，罗列几个常用的：第一种也是最常见的一种就是直接被题主毙掉的判断终端UA并跳转到移动版，百度、淘宝等就在此列。题主说要在同个域名下，但是谁说移动版和PC端不能在同个域名下？电脑端用http://www.baidu.com/移动端用http://www.baidu.com/mobile的根目录不可以呀233第二种是第一种方案的延伸，也是最符合题主要求的方案。这种方案并不跳转页面，而是准备两套不同的模板，后端根据UA来判断用户当前的终端，然后选择合适的模板输出。就是这么干的，不信把你的浏览器UA篡改为移动端，再刷新页面试试，是不是在同一个域名同一个页面下？@曾伟军 说的没错，判断UA的活应该交给后端来做，不管你选用的是第一种还是第二种方案。因为如果要前端来判断的话，那么用户就需要等待内容加载，直到用于判断UA的代码被执行才会跳转，太繁琐了。至于第二种方案，本来就只能给后端做（如果你是SPA，模板是在前端动态加载的，那当我没说）。第三种是 @逗逗先森 说的响应式。这个方案完全不需要依赖后端，只需要根据不同尺寸的终端写几套不同的样式，然后利用link的media属性来按需加载，或者使用CSS3的@media。唔，不太推荐用响应式，虽然可以一套HTML适配所有终端，但是便利性还是不如多写几套不同版本的模板，而且现在的手机动辄上千像素的分辨率，靠media的screen来识别屏幕尺寸这种简单粗暴的手段已经不奏效，使得响应式的难度又上了一个台阶。
■网友
根据请求头中的 User-Agent 来判断是移动或pc浏览器，返回不同的页面网页采用相应式设计，用 CSS 里的 Media Query 在浏览器端来采用不同的样式
■网友
根据屏幕尺寸不同，纯html+css即可实现。Untitled请LZ看这个例子，用爪机和PC看内容是不一样的。F12可以看到页面源码。本页面使用了BootStrap-\u0026gt;CSS-\u0026gt;Responsive utilities相关功能，详细方法请看文档：CSS · Bootstrap
■网友
无解的。
■网友
响应式
■网友
media query
■网友
还是在解释下，首页这个问题肯定是有解决方案的，响应式是指响应银幕大小，可适应电脑和手机的屏幕，而且响应式目前而言，对浏览器的包容性不够，jQuery Mobile显然是针对手机啊，我需要的答案是在手机端和pc端产生不同的展现页面。如果还不明白，我所说的，举例，如，你在pc端打开www.baidu.com进入正常的百度页面，如果你在手机端，打开www.baidu.com进入的就是你指定的页面内容，而非百度内容。普通的js跳转，无法解决跳转到同一个域名而展示不同的内容，应该要用到aspx或php或jsp等后端程序。当然，这种方式，的确是比较粗暴的，我本人也只是前端的小白，而广告人应该更懂些，为何需要在pc和无线处理出不同的页面。请后端大牛多多出手啊！
■网友
题主语句不太通顺，看起来比较吃力，说下我的理解：方法有很多，可以做一个适配，js或者媒体查询都可以实现，同一个页面，不存在什么跳转不跳转的。
■网友
应该是通过浏览器获取平台信息 在做出相应的响应吧


    推荐阅读


    上一篇：「本田」要品牌还是要实用？在这两台舒适型的中型SUV中你会选哪台

    下一篇：2011年6月14日，支付宝沟通会之后，怎样看马云转移支付宝所有权事件及他和孙正义、雅虎的关系