"
目前很多网站都是采用了响应式自适应页面的设计了，根据访问设备的不同，显示不同的内容。但是还是会有一些节奏比较慢的网站，还是PC页面和手机PAD页面不同的访问域名。正好我这里有个需要，同一个域名要根据不同的访问设备显示PC页面或者手机页面，这里收集两个比较简洁的方法，都是通过JS代码实现的。
第一个：
?123456789101112131415161718192021
技术心得：根据不同访问设备跳转到PC页面或手机页面
2024-06-26
94
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
技术心得：根据不同访问设备跳转到PC页面或手机页面
相关文章
|
29天前
|
人工智能
算法
前端开发
OmAgent：轻松构建在终端设备上运行的 AI 应用，赋能手机、穿戴设备、摄像头等多种设备
OmAgent 是 Om AI 与浙江大学联合开源的多模态语言代理框架，支持多设备连接、高效模型集成，助力开发者快速构建复杂的多模态代理应用。
193
72
72
|
5天前
|
存储
NoSQL
前端开发
美团面试：手机扫描PC二维码登录，底层原理和完整流程是什么？
45岁老架构师尼恩详细梳理了手机扫码登录的完整流程，帮助大家在面试中脱颖而出。该过程分为三个阶段：待扫描阶段、已扫描待确认阶段和已确认阶段。更多技术圣经系列PDF及详细内容，请关注【技术自由圈】获取。
45
7
7
|
25天前
|
缓存
前端开发
IDE
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
26
0
0
|
4月前
|
存储
Android开发
网络架构
点心云-N1盒子、机顶盒、手机等设备-小白保姆式刷机教程
本文介绍了N1盒子的刷机教程，包括未刷机和已刷其他系统的N1。教程详细列出了所需工具和具体步骤，如下载工具包、制作安装盘、打开ADB模式、降级、刷入新系统等，确保用户能够顺利完成刷机操作。对于已刷第三方系统的N1，还提供了解决USB线不被识别、驱动问题及供电不足等常见问题的方法。
882
1
2
|
3月前
|
Web App开发
定位技术
iOS开发
Playwright 是一个强大的工具，用于在各种浏览器上测试应用，并模拟真实设备如手机和平板。通过配置 `playwright.devices`，可以轻松模拟不同设备的用户代理、屏幕尺寸、视口等特性。此外，Playwright 还支持模拟地理位置、区域设置、时区、权限（如通知）和配色方案，使测试更加全面和真实。例如，可以在配置文件中设置全局的区域设置和时区，然后在特定测试中进行覆盖。同时，还可以动态更改地理位置和媒体类型，以适应不同的测试需求。
Playwright 是一个强大的工具，用于在各种浏览器上测试应用，并模拟真实设备如手机和平板。通过配置 `playwright.devices`，可以轻松模拟不同设备的用户代理、屏幕尺寸、视口等特性。此外，Playwright 还支持模拟地理位置、区域设置、时区、权限（如通知）和配色方案，使测试更加全面和真实。例如，可以在配置文件中设置全局的区域设置和时区，然后在特定测试中进行覆盖。同时，还可以动态更改地理位置和媒体类型，以适应不同的测试需求。
240
1
1
|
7月前
|
存储
移动开发
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；
265
5
5
|
7月前
|
JavaScript
vue 项目/备案网页/ip网页打包成 apk 安装到平板/手机（含vue项目跨域代理打包成apk后无法访问接口的解决方案）
vue 项目/备案网页/ip网页打包成 apk 安装到平板/手机（含vue项目跨域代理打包成apk后无法访问接口的解决方案）
169
0
0
|
7月前
|
Web App开发
软件开发常见流程之移动端调试方法，利用Chrome(谷歌浏览器)的模拟手机调试，搭建本地Web服务器，手机和服务器在一个局域网，通过手机访问服务器，使用服务器，利用ip实现域名访问
软件开发常见流程之移动端调试方法，利用Chrome(谷歌浏览器)的模拟手机调试，搭建本地Web服务器，手机和服务器在一个局域网，通过手机访问服务器，使用服务器，利用ip实现域名访问
88
0
0
|
8月前
|
网络协议
Android开发
数据安全/隐私保护
|
9月前
|
监控
安全
Android开发
热门文章
最新文章
1
MNN-LLM App：在手机上离线运行大模型，阿里巴巴开源基于 MNN-LLM 框架开发的手机 AI 助手应用
2
OmAgent：轻松构建在终端设备上运行的 AI 应用，赋能手机、穿戴设备、摄像头等多种设备
3
美团面试：手机扫描PC二维码登录，底层原理和完整流程是什么？
4
ClKLog支持手机端查询统计数据啦！
5
陪玩APP推送配置：陪玩系统手机锁屏收不到推送？可能是这些原因！解决方案来了！
6
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
7
Mobile-Agent：通过视觉感知实现自动化手机操作，支持多应用跨平台
8
兼容移动手机的js拖拽插件Draggin.js
9
python实战——使用代理IP批量获取手机类电商数据
10
优秀示例：一组创意的手机注册和登录界面设计
1
禁止手机侧滑返回上一个页面的三种方法
522
2
基于微信小程序的手机商城的设计与实现(源码+lw+部署文档+讲解等)
67
3
如何导出iPhone手机中app共享文件夹的文件与闪退日志的收集
131
4
如何通过手机设置苹果账户的双重认证
151
5
采用SAMKeychain钥匙串存储设备唯一标示与何种情况下同一个手机它存储的值会变化
134
6
如何获得iphone手机的UDID
93
7
苹果手机如何设置邮箱
159
8
iPhone手机屏幕尺寸与倍图计算公式（更新至iPhone 14 Plus）
385
9
手机截屏
159
10
手机socket套接字75秒超时问题及解决方案
153