热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

javascript-跳转适配和代码适配分别用什么技术实现?

在移动端适配PC端网站技术上,官方提供了三种适配方案:响应式设计、动态提供内容(代码适配)和单独的网址(跳转适配)。但是身为前端的我只知道响应式设计,不知道另外两中的技术实现。概念来自:google、百度...
在移动端适配PC端网站技术上,官方提供了三种适配方案:响应式设计、动态提供内容(代码适配)和单独的网址(跳转适配)。但是身为前端的我只知道响应式设计,不知道另外两中的技术实现。

概念来自:
google、百度

我现在认为
跳转适配主要是使用JS判断用户使用的浏览器是移动端还是PC端。然后跳转到指定网页,例如baidu.com/index.html跳转到m.baidu.com/index.html
SEO的话提交给搜索引擎这两个网页的关系。

代码适配是获取HTTP请求头中浏览器的内容判,使用PHP(或其他后端语言)判断设备从而返回针对不同设备的内容,URL不改变。

不知道自己这样想对不对,求指正和补充,谢谢

回复内容:

在移动端适配PC端网站技术上,官方提供了三种适配方案:响应式设计、动态提供内容(代码适配)和单独的网址(跳转适配)。但是身为前端的我只知道响应式设计,不知道另外两中的技术实现。

概念来自:
google、百度

我现在认为
跳转适配主要是使用JS判断用户使用的浏览器是移动端还是PC端。然后跳转到指定网页,例如baidu.com/index.html跳转到m.baidu.com/index.html
SEO的话提交给搜索引擎这两个网页的关系。

代码适配是获取HTTP请求头中浏览器的内容判,使用PHP(或其他后端语言)判断设备从而返回针对不同设备的内容,URL不改变。

不知道自己这样想对不对,求指正和补充,谢谢

如果要根据浏览器的UA来确定访问的是PC端还是Mobile端

在nginx中做重定向应该会比较好,这样对前端代码和后端服务器代码都没有侵入性。

这应该是题主说的跳转适配吧。

刚好我不知道第一种 响应式设计 怎么做的,但是知道后两种:

动态提供内容:后端代码可以检测当前请求的来源设备,网络情况,由此来决定如何渲染内容,渲染不同的模板或者不同的数据格式……

单独的网址:m.xxx.com 要么是单独的应用,比如手机版WAP的淘宝,或者H5.XXX.COM,这样的,或者是其实就是第二种的变种,只不过是路由不同而已,一般前者适应于大型的应用,如淘宝,后者则比较简单。

现在我也差不多知道了我不知道的第一种了,谢谢你。

但是我有一个疑问:“响应式设计”无形之中会增加一些成本吧,原本单一的网页,响应式设计后体积会变大吧?

推荐阅读
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 分享css中提升优先级属性!important的用法总结
    web前端|css教程css!importantweb前端-css教程本文分享css中提升优先级属性!important的用法总结微信门店展示源码,vscode如何管理站点,ubu ... [详细]
  • 本文介绍了互联网思维中的三个段子,涵盖了餐饮行业、淘品牌和创业企业的案例。通过这些案例,探讨了互联网思维的九大分类和十九条法则。其中包括雕爷牛腩餐厅的成功经验,三只松鼠淘品牌的包装策略以及一家创业企业的销售额增长情况。这些案例展示了互联网思维在不同领域的应用和成功之道。 ... [详细]
  • 目录浏览漏洞与目录遍历漏洞的危害及修复方法
    本文讨论了目录浏览漏洞与目录遍历漏洞的危害,包括网站结构暴露、隐秘文件访问等。同时介绍了检测方法,如使用漏洞扫描器和搜索关键词。最后提供了针对常见中间件的修复方式,包括关闭目录浏览功能。对于保护网站安全具有一定的参考价值。 ... [详细]
  • Linux下部署Symfoy2对app/cache和app/logs目录的权限设置,symfoy2logs
    php教程|php手册xml文件php教程-php手册Linux下部署Symfoy2对appcache和applogs目录的权限设置,symfoy2logs黑色记事本源码,vsco ... [详细]
  • 如何实现织梦DedeCms全站伪静态
    本文介绍了如何通过修改织梦DedeCms源代码来实现全站伪静态,以提高管理和SEO效果。全站伪静态可以避免重复URL的问题,同时通过使用mod_rewrite伪静态模块和.htaccess正则表达式,可以更好地适应搜索引擎的需求。文章还提到了一些相关的技术和工具,如Ubuntu、qt编程、tomcat端口、爬虫、php request根目录等。 ... [详细]
  • Nginx使用AWStats日志分析的步骤及注意事项
    本文介绍了在Centos7操作系统上使用Nginx和AWStats进行日志分析的步骤和注意事项。通过AWStats可以统计网站的访问量、IP地址、操作系统、浏览器等信息,并提供精确到每月、每日、每小时的数据。在部署AWStats之前需要确认服务器上已经安装了Perl环境,并进行DNS解析。 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • 解决php错误信息不显示在浏览器上的方法
    本文介绍了解决php错误信息不显示在浏览器上的方法。作者发现php中的各种错误信息并不显示在浏览器上,而是需要在日志文件中查看。为了解决这个问题,作者提供了一种解决方式:通过修改php.ini文件中的display_errors参数为On,并重启服务。这样就可以在浏览器上直接显示php错误信息了。 ... [详细]
  • Netty源代码分析服务器端启动ServerBootstrap初始化
    本文主要分析了Netty源代码中服务器端启动的过程,包括ServerBootstrap的初始化和相关参数的设置。通过分析NioEventLoopGroup、NioServerSocketChannel、ChannelOption.SO_BACKLOG等关键组件和选项的作用,深入理解Netty服务器端的启动过程。同时,还介绍了LoggingHandler的作用和使用方法,帮助读者更好地理解Netty源代码。 ... [详细]
  • LVS实现负载均衡的原理LVS负载均衡负载均衡集群是LoadBalance集群。是一种将网络上的访问流量分布于各个节点,以降低服务器压力,更好的向客户端 ... [详细]
  • 本文介绍了iOS开发中检测和解决内存泄漏的方法,包括静态分析、使用instruments检查内存泄漏以及代码测试等。同时还介绍了最能挣钱的行业,包括互联网行业、娱乐行业、教育行业、智能行业和老年服务行业,并提供了选行业的技巧。 ... [详细]
  • 【影评】大内密探灵灵狗
    本文是对王晶执导的电影《大内密探灵灵狗》进行的影评。文章称赞了王晶的才华和导演经验,认为演员阵容强大,笑料不少,发明新奇又好笑。然而,编剧的表现被认为是本片的最大失败,宣传言过其实,笑点不多。总体来说,本片是一部典型的王式喜剧,可看性较高,但没有突破。 ... [详细]
  • 本文介绍了在无法联网的情况下,通过下载rpm包离线安装zip和unzip的方法。详细介绍了如何搜索并下载合适的rpm包,以及如何使用rpm命令进行安装。 ... [详细]
  • nginx+多个tomcat
    学习nginx的时候遇到的问题:nginx怎么部署两台tomcat?upstream在网上找的资源,我在nginx配置文件(nginx.conf)中添加了两个server。结果只显 ... [详细]
author-avatar
mobiledu2502876223
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有