pc端，移动端，客户端的区别

最新推荐文章于 2024-05-29 14:35:29 发布
最新推荐文章于 2024-05-29 14:35:29 发布
阅读量2.3w 收藏 31
点赞数 4
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34309704/article/details/81175788
版权

pc端与移动端的区别

1、从兼容方面来说，pc考虑的是浏览器的兼容性，移动端考虑的是手机兼容性，因为目前不管是安卓还是ios手机，一般的浏览器都是webkit内核

2、从事件处理上说，移动端主要是触屏事件，而缺少hover事件

3、从布局上来说，移动端一般要做到布局自适应

4、从动画处理上，pc端由于要考虑IE的兼容性，通常使用js做动画，而移动端一般用css

5、在框架选择中，一般pc端用jquery，移动端用zepto，因为移动端的流量还是比较重要的，所以引入的资源或者插件，能小则小

客户端

客户端是指与服务器相对应，为客户提供本地服务的程序，可以包含pc端、移动端

七毛six
关注
  • 4
    点赞
  • 踩
  • 31
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
移动客户端及pc浏览器UA区分
09-23
囊括目前全部移动平台客户端及PC浏览器的UA区分。
js判断客户端是pc端还是移动端
11-22
几种判断设备是否是移动端还是pc端，然后在进行是否跳转页面，达到匹配的效果
简述pc端应用、webapp、 移动端应用的区别
我愿化作繁星
05-25 1167
Web App。
前端：移动端和PC端的区别
weixin_30394981的博客
05-01 2795
　　在阿里的几次面试中，总是被问到移动端和PC端有什么区别，当时回答的时候主要是回答了在兼容性、网速、适配、页面布局等方面的不同，但是还是很不系统，所以这里做一个总结。 第一： PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，一般浏览器使用的都是webkit内核，所以说做移动端开发，更多考虑的应该是手机分辨率的适配，和不同操...
检测PC端和mobile端
.
01-26 473
IsClient:function(){ var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); var flag ="P
Js判断客户端是否为PC还是手持移动设备
lechen1013的博客
08-15 571
Js判断客户端是否为PC还是手持移动设备 方法一 [html] view plain copy  print? function IsPC(){          var userAgentInfo = navigator.userAgent;        var Agents = new Array("Android", "iPhone",
vue js判断客户端是pc端还是移动端
08-11
//使用方法 import { isMobile } from '../../xxx/isMobile.js' export default { data(){ return{ispc: isMobile().web.win, } }, } </script>
基于VUE实现判断设备是PC还是移动端
10-15
在前端开发中，有时我们需要根据用户使用的设备类型来提供不同的界面体验，这通常涉及到判断设备是PC还是移动端。Vue.js，作为一个轻量级且强大的前端框架，提供了多种方式来实现这种设备判断。本文将详细介绍如何在...
js判断浏览器的环境（pc端，移动端，还是微信浏览器）
10-15
主要介绍了js判断浏览器的环境（pc端，移动端，还是微信浏览器），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
JS实现判断移动端PC端功能
10-15
"JS实现判断移动端PC端功能"这个话题就是关于如何检测用户正在使用的设备是个人电脑（PC）还是移动设备，如智能手机或平板电脑。这通常涉及到浏览器的User-Agent特性。 User-Agent是一个HTTP头字段，它包含了客户端...
web、pc客户端、移动端app测试的区别
最新发布
weixin_45392387的博客
05-29 955
web为b/s结构，基于浏览器的，服务端和web端更新了之后，刷新一下页面也就同步更新了- pc端app为c/s结构，必须要有客户端，PC端有单机版和网络版，单机版不需要联网就可以启动运行，不涉及与服务端交互；而网络版，需要联网才能正常运行，服务端有任何改动，网络版MVP用例都需要回归，客户端更新的话，还需要重新安装或升级应用-移动端app为c/s结构，必须要有客户端，服务端更新了，需要对各个主流版本进行兼容测试及回归测试，客户端更新的话，还需要重新安装或升级应用。
如何区分客户端是手机端还是PC端
科技改变生活
08-01 9368
服务器区分手机端和PC端主要通过HTTP的Header字段来判断的，我们可以通过谷歌浏览器的开发者模式来举例说明： 用谷歌浏览器右键点击检查，点击Toggle device ToolBar，切换为PC机选项后，点击NetWork选项，查看Headers选项，如下图所示： 再次点击Toggle device ToolBar，切换为手机端选项后，点击NetWork选项，查看Headers选项，如
判断客户端是PC端还是移动端访问
此去经年的博客
09-08 1166
export function getUserAgent() { let agent = window.navigator.userAgent let systemMac = agent.indexOf("Mac") let systemPho = agent.indexOf("Pho") let systemAnd = agent.indexOf("And") i...
pc端和移动端有什么区别？
ds990128的博客
01-20 5216
页面布局不同：移动端屏幕比较小，一般都是单列显示；最多是两列显示，pc端屏幕比较大，布局更灵活。 使用习惯不同：移动端的操作尺寸比较大，单击误差比较大，移动端页面的元素可以设置的稍微大一点。pc端的操作尺寸比较小，使用鼠标更为精准。pc端页面的元素可以设置的稍微小一点。 网络不同：移动端一般都是2g、3g、4g、5g、wifi，加载页面的时候会影响用户体验，会消耗用户流量。pc端一般都是网线或者wifi，不会消耗用户流量。 技术层面不同：pc端主要注重后台、大数据，移动端注重用户的体验感。 ...
服务端和客户端以及前后端相关概念区分
林隐的博客
02-18 5322
分布式系统是指由多个独立的计算机节点或服务通过网络连接起来，共同协作完成一个共同的任务或提供服务的系统😄在分布式系统中，任务会被分布到不同的节点上进行处理，这些节点可以通过协同工作来实现更高的性能、可靠性和可扩展性。可靠性：即使部分节点出现故障，系统仍能继续运行，因为任务可以在其他节点上继续执行。可扩展性：可以容易地添加或删除节点，以适应业务增长或处理更大的负载。性能提升：通过并行处理任务，可以提高系统的处理能力和响应速度。容错性分布式系统可以通过数据备份和冗余来确保数据的安全性和完整性。
ToB和ToC端产品分别指什么
liuyukuan的专栏
06-19 3万+
ToB和ToC端产品分别指什么 什么是C端产品 C端产品也叫2C（to Customer)产品，是面向终端用户或消费者的产品，往往承担引流和转化的任务；C端产品是企业与消费者之间的重要媒介，也是企业重要的获客手段之一。 C端的产品一般有如下特点： 用户即个体。用户就是独立的个人，而不是一个组织或机构； 强调用户体验。因为C端产品的重要任务是引流和转化，在产品初期，优秀的用户体验会在用户群中形成口碑营销，方便获客。所以C端产品在产品设计上对细节处理有比较高的要求，强调情感化设计。 运营占据至关重要
什么是移动端，它和pc端有什么区别
热门推荐
A_Common_Man的博客
07-24 4万+
广义上的移动端包括pc端中的笔记本，此为共同点。狭义上，由于移动端泛指手机和平板，pc端泛指电脑，所以它俩都是指代可上网设备，最大区别在于体积不同。pc，全称PersonalComputer，个人电脑的意思。所以pc端就是电脑端。此处的电脑既指笔记本电脑，也包括台式电脑。接入互联网的终端设备(个人理解就是不用插网线也能随处上网的设备)。广义上笔记本，手机，平板，post机，车载屏幕。狭义上手机，平板电脑。...
PC端和移动端的区别你知道吗？
aa1669972286的博客
04-29 3650
截至2015年11月，中国手机上网用户数已超过9.05亿，软件移动化成为一种趋势，移动产品经理成为了产品经理的一个重要分支，那么对于移动端和PC端到底有什么区别呢？在设计过程中有什么差异？下面我们逐一分析。 一、PC端与移动端区别 有人说手机端无非就是PC端的移植，功能设计照搬就行了，这是对于移动设计最大的误解，其实PC端与移动端是千差万别的。 1. 操作方式 PC
nuxt 判断是pc端和移动端跳转路由
03-31
在 Nuxt.js 中，我们可以使用插件判断是 PC 端还是移动端，然后根据不同的设备跳转到不同的路由。 下面的代码演示了如何编写一个插件来实现这个功能： ```javascript // plugins/device.js export default ({ app }, inject) => { const userAgent = process.server ? app.$ua.get('User-Agent') : navigator.userAgent const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( userAgent ) inject('device', { isMobile, redirect(path) { const url = isMobile ? `/m${path}` : path if (process.client) { window.location.href = url } else { app.context.redirect(url) } } }) } ``` 在插件中，我们首先获取了用户代理（userAgent），然后使用正则表达式来判断是否是移动设备。如果是移动设备，我们就将路径前缀设置为 "/m"，否则就保持原样。 接着，我们定义了一个名为 "redirect" 的方法，用于根据设备类型跳转路由。如果在客户端中调用该方法，我们就直接跳转到指定的 URL；如果在服务器端中调用该方法，我们就使用上下文对象（context）的 redirect 方法来跳转路由。 最后，我们将插件作为 Nuxt.js 的插件进行注册： ```javascript // nuxt.config.js export default { plugins: ['~/plugins/device.js'] } ``` 现在，我们就可以在页面中使用该插件了。例如，我们可以编写一个页面组件来测试： ```html <!-- pages/index.vue --> <template> <div> <h1>首页</h1> <button @click="goToAbout">跳转到关于页</button> </div> </template> <script> export default { methods: { goToAbout() { this.$device.redirect('/about') } } } </script> ``` 在上面的代码中，我们定义了一个按钮，当用户点击该按钮时，就会调用 $device.redirect 方法来跳转到 "/about" 路由。如果是在移动设备上访问，就会跳转到 "/m/about" 路由。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值