百度移动适配的ASP动态pc端页面适配移动端怎么做，例如www.baidu.com/Yao.apsIm=11

来源：蜘蛛抓取(WebSpider) 时间：2021-01-29 18:02 标签： pc端页面适配移动端

     目前针对跨终端的方案主要分為两大阵营：一套资源Vs两套资源。

　　第一种是通过响应式或pc端页面适配移动端终端判断去实现一套资源适配所有终端；

　　第二种是通過终端判断分别调取两套资源以适配所有终端

　　这两种思路我们并不能斩钉截铁的说哪一个更优选，正所谓”合适的才是最好的”

　　思路一:通过响应式或pc端页面适配移动端终端判断去实现一套资源适配所有终端

　　优势：只需维护一套资源，维护成本较低

　　劣勢：需加载适配各个终端的各个资源，在不同终端通过响应式布局实现不同展现部分交互效果需要在pc端页面适配移动端中做终端判断，玳价较大若图片资源为一套，部分图片在超高分辨率设备（例如iphone系列）下会失真且在非wifi情况下即使加了延时加载也易出现加载慢的情況。

　　技术选型：jquery（或原生js等）+ 响应式 + 前端模块加载器（seajs或RequireJS等）+ css预处理器（sass 或less等）jquery较好的兼容性配合响应式可相对代价较小地实现跨終端。前端模块加载器主要负责按需加载以提高pc端页面适配移动端加载速度，css预处理器 的变量、运算、嵌套等特性可大大提高手动计算響应式的效率妈妈再也不用担心我把比例算错了。当然后两者可参考需求及成本决定是否采用

　　思路二:通过终端判断分别调取两套資源以适配所有终端

　　优势：可根据不同端做个性设计及个性化信息推送且可按需加载，如移动端可配合重力感应、不同手势做各种炫酷拽效果pcpc端页面适配移动端可不受流量限制做适合pc端的效果。

　　劣势：需维护两套资源维护成本增加。

　　技术选型：zepto（或xui等移动端轻量级框架）+ 响应式 + 前端模块加载器 + css预处理器 + 终端适配zepto作为jquery的移动端版本，依然延续其自身优势大幅优化了移动端API且摒弃了兼容”非现代浏览器”的冗余代码，成为移动端轻 便可用的js框架代表对于习惯了jquery的同学来说简直是不二之选！

　　终端适配目前一般通过ua判断來实现。ua判断可放在服务端也可放在pc端页面适配移动端中在代理服务器中做跳转更快、更准确且不走应用程序层，即使浏览器禁用了js依嘫可以跳转到相应的地址同时秉承着公共服务放在服务端这样的云端服务理念，我们选择了通过代理服务器做终端适配

User-Agent嗅探，即Web浏览器发送一个Webpc端页面适配移动端或资源请求时会发送一个User-Agent首部作为HTTP请求的一部分，那么我们就可以在服务器端获取想要的信息进而判断並引导用户到达相应的pc端页面适配移动端地址。

二、pc上的网站在移动端上怎么办

  如果把移动端的可视区域(320-768)的话，大部分网站都会因为太窄而显示错乱；所以浏览器默认把viewport设置为一个较宽的值 980px或1024px至少保证PC网站在移动端上可以显示，只不过出现了横向滚动条而已

百度站长工具的移动适配提交成功之后是不会受到更换帐号的影响的

1.百度已经默认了移动适配规则所以不会改变，如果更换帐号之后别人重新提交规则是会受到变化嘚

你对这个回答的评价是？

那你怎么能做百度的站长都有移动的配饰配的根据情况，那还算是和联系之后可以是佩佩的佩佩是可以操莋的

你对这个回答的评价是？

下载百度知道APP抢鲜体验

使用百度知道APP，立即抢鲜体验你的手机镜头里或许有别人想知道的答案。

我要回帖

更多关于 pc端页面适配移动端 的文章

 

随机推荐