"
目前很多网站都是采用了响应式自适应页面的设计了，根据访问设备的不同，显示不同的内容。但是还是会有一些节奏比较慢的网站，还是PC页面和手机PAD页面不同的访问域名。正好我这里有个需要，同一个域名要根据不同的访问设备显示PC页面或者手机页面，这里收集两个比较简洁的方法，都是通过JS代码实现的。
第一个：
?123456789101112131415161718192021
技术心得：根据不同访问设备跳转到PC页面或手机页面
2024-06-26
255
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
技术心得：根据不同访问设备跳转到PC页面或手机页面
相关文章
|
2月前
|
前端开发
JavaScript
搜索推荐
响应式企业网站模板推荐 | 适配PC/手机/平板| 1对1打造专属企业官网CMS源码
在移动互联网时代，响应式企业网站成为标配，可适配PC、平板、手机等多端设备，提升用户体验与SEO效果。本文详解响应式设计的技术原理（媒体查询、流式布局等）、主流模板推荐（WordPress、Bootstrap、Vue等）及CMS定制开发流程，助力企业高效构建专业官网。
345
0
0
|
10月前
|
人工智能
算法
前端开发
OmAgent：轻松构建在终端设备上运行的 AI 应用，赋能手机、穿戴设备、摄像头等多种设备
OmAgent 是 Om AI 与浙江大学联合开源的多模态语言代理框架，支持多设备连接、高效模型集成，助力开发者快速构建复杂的多模态代理应用。
806
72
72
|
8月前
|
存储
机器学习/深度学习
人工智能
TaoAvatar：手机拍出电影级虚拟人！阿里3D高斯黑科技让动捕设备下岗
阿里巴巴最新推出的TaoAvatar技术，通过3D高斯溅射实现照片级虚拟人实时渲染，支持多信号驱动与90FPS流畅运行，将彻底改变电商直播与远程会议体验。
560
8
8
|
9月前
|
存储
NoSQL
前端开发
美团面试：手机扫描PC二维码登录，底层原理和完整流程是什么？
45岁老架构师尼恩详细梳理了手机扫码登录的完整流程，帮助大家在面试中脱颖而出。该过程分为三个阶段：待扫描阶段、已扫描待确认阶段和已确认阶段。更多技术圣经系列PDF及详细内容，请关注【技术自由圈】获取。
724
7
7
|
10月前
|
缓存
前端开发
IDE
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
270
0
0
|
存储
Android开发
网络架构
点心云-N1盒子、机顶盒、手机等设备-小白保姆式刷机教程
本文介绍了N1盒子的刷机教程，包括未刷机和已刷其他系统的N1。教程详细列出了所需工具和具体步骤，如下载工具包、制作安装盘、打开ADB模式、降级、刷入新系统等，确保用户能够顺利完成刷机操作。对于已刷第三方系统的N1，还提供了解决USB线不被识别、驱动问题及供电不足等常见问题的方法。
2448
1
2
|
Web App开发
定位技术
iOS开发
Playwright 是一个强大的工具，用于在各种浏览器上测试应用，并模拟真实设备如手机和平板。通过配置 `playwright.devices`，可以轻松模拟不同设备的用户代理、屏幕尺寸、视口等特性。此外，Playwright 还支持模拟地理位置、区域设置、时区、权限（如通知）和配色方案，使测试更加全面和真实。例如，可以在配置文件中设置全局的区域设置和时区，然后在特定测试中进行覆盖。同时，还可以动态更改地理位置和媒体类型，以适应不同的测试需求。
Playwright 是一个强大的工具，用于在各种浏览器上测试应用，并模拟真实设备如手机和平板。通过配置 `playwright.devices`，可以轻松模拟不同设备的用户代理、屏幕尺寸、视口等特性。此外，Playwright 还支持模拟地理位置、区域设置、时区、权限（如通知）和配色方案，使测试更加全面和真实。例如，可以在配置文件中设置全局的区域设置和时区，然后在特定测试中进行覆盖。同时，还可以动态更改地理位置和媒体类型，以适应不同的测试需求。
993
1
1
|
存储
移动开发
Android开发
使用kotlin Jetpack Compose框架开发安卓app， webview中h5如何访问手机存储上传文件
在Kotlin和Jetpack Compose中，集成WebView以支持HTML5页面访问手机存储及上传音频文件涉及关键步骤：1) 添加`READ_EXTERNAL_STORAGE`和`WRITE_EXTERNAL_STORAGE`权限，考虑Android 11的分区存储；2) 配置WebView允许JavaScript和文件访问，启用`javaScriptEnabled`、`allowFileAccess`等设置；3) HTML5页面使用`<input type="file">`让用户选择文件，利用File API；
739
5
5
|
JavaScript
vue 项目/备案网页/ip网页打包成 apk 安装到平板/手机（含vue项目跨域代理打包成apk后无法访问接口的解决方案）
vue 项目/备案网页/ip网页打包成 apk 安装到平板/手机（含vue项目跨域代理打包成apk后无法访问接口的解决方案）
400
0
0
热门文章
最新文章
1
基于springboot的手机销售网站
2
Phi-3 技术报告：手机本地运行的高能力语言模型
3
手机验证码登录
4
2023年最强手机远程控制横测：ToDesk、向日葵、Airdroid三款APP免Root版本
5
IDC发布一季度全球智能手机出货量和市场份额报告，中国厂商被看好
6
用手机对电脑进行远程关机
7
调用API设置安卓手机的Access Point
8
阿里云账号怎么注册？手机号或扫码注册均可
9
解决网页、H5页面在手机端访问时，底部会有一段莫名其妙的空白，大约有几百像素高的留白
10
美国叫停大规模手机监控行为
1
在线照片眨眼生成器，一键生成眨眼照片， 手机制作人脸眨眼张嘴
536
2
让照片眨眼张嘴的软件免费，照片摇头眨眼张嘴动图，手机制作人脸眨眼张嘴
272
3
照片生成眨眼张嘴的视频软件，制作眨眼睛张嘴图软件，手机制作人脸眨眼张嘴
206
4
照片一键生成眨眼视频app，手机照片一键生成眨眼动图，通过JAR代码实现效果
251
5
美团商家电话采集工具，可提取美团商户联系方式、地址、手机号、评分【autojs脚本版】
304
6
美团商家提取脚本，可采集商家地址评分电话手机号，autojs版仅供学习
144
7
高德地图百度腾讯谷歌采集工具，可提取名称 地址 电话 手机号，精准autojs版下载
204
8
高德商家手机电话号码采集工具，可采集地址坐标手机号码提取软件
420
9
美团外卖商家数据采集软件，提取电话号手机号评分地址，销量评价内容【autojs版】
332
10
企业微信批量加好友脚本，企业微信自动加手机号好友软件，自动同意群发消息自动回复
279