javascript-跳转适配和代码适配分别用什么技术实现?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-跳转适配和代码适配分别用什么技术实现?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1752字,纯文字阅读大概需要3分钟。
内容图文
![javascript-跳转适配和代码适配分别用什么技术实现?](/upload/InfoBanner/zyjiaocheng/243/f55d3ce159164451b78b3ae2fbc5a963.jpg)
概念来自:
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,这样的,或者是其实就是第二种的变种,只不过是路由不同而已,一般前者适应于大型的应用,如淘宝,后者则比较简单。
现在我也差不多知道了我不知道的第一种了,谢谢你。
但是我有一个疑问:“响应式设计”无形之中会增加一些成本吧,原本单一的网页,响应式设计后体积会变大吧?
内容总结
以上是互联网集市为您收集整理的javascript-跳转适配和代码适配分别用什么技术实现?全部内容,希望文章能够帮你解决javascript-跳转适配和代码适配分别用什么技术实现?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。