uniapp区分app、h5、小程序

已于 2024-04-10 17:52:41 修改
阅读量1.7k 收藏 6
点赞数 10
文章标签： uni-app 小程序 java
于 2024-04-10 17:50:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yui_NIE/article/details/137605245
版权

APP端

标签内
<!-- #ifdef APP-PLUS -->
    <view> APP端 </view>
<!-- #endif -->
JS+CSS内
/*#ifdef APP-PLUS*/
   console.log('APP端')
/*#endif*/

H5端

标签内
<!-- #ifdef H5 -->
    <view> H5端 </view>
<!-- #endif -->
JS+CSS内
/* #ifdef H5 */
       console.log('H5端')
/*#endif*/

小程序端

标签内
<!-- #ifdef MP -->
   <view> 小程序端 </view>
<!-- #endif -->
JS+CSS内
/*#ifdef MP*/
   console.log('小程序端')
/*#endif*/

 

Yui_NIE
关注
  • 10
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp 区分多环境 h5
sxiaobi
11-16 2140
问题产生背景：需要用uniapp实现一个h5网站得发布，但是默认自带得只有开发和生产两个环境，没法满足运营同学使用jenkins自动化打包部署。 第一步使用命令行创建uniapp得项目 vue create -p dcloudio/uni-preset-vue my-project 具体可以参考：https://uniapp.dcloud.io/quickstart-cli?id=%e5%88%9b%e5%bb%bauni-app 这是命令行生成出来得目录结构 使用编辑器创建得目录结构 可以看.
uni-app平台判断 | uni app判断h5 小程序 app 等不同平台
热门推荐
青衫折扇的博客
12-07 1万+
// @/utils/Config.tsimport {EPlatform} from './EPlatform'; import {isH5, Platform} from '@/utils/Platform' /**配置信息*/ export default class Config { /**http请求根目录*/ static get httpBaseUrl(): string { if (isH5) { return '/' } else { r.
uniapp中区分安卓，苹果和H5
最新发布
weixin_53628933的博客
06-14 326
注意：在uniapp写的H5使用 uni.getSystemInfoSync().platform 的时候，用安卓手机登录打印platform出现的是android，使用苹果手机登录的时候打印的是ios,不会出现h5的值。需要根据自己项目来具体区分。结语：技术有限，只能帮助刚接触uniapp的小伙伴完成基础功能，可以复制粘贴使用，把有限的时间用在更加有意义的事情上。
uniapp 判断微信小程序端、App端、h5端
weixin_45561965的博客
11-16 4679
写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。各预编译语言文件，如：.scss、.less、.stylus、.ts、.pug （使用 /MP 微信小程序/支付宝小程序/百度小程序/抖音小程序/飞书小程序/QQ小程序/360小程序。APP-PLUS-NVUE或APP-NVUE App nvue 页面。QUICKAPP-WEBVIEW-HUAWEI 快应用华为。VUE3 HBuilderX 3.2.0+ 详情。.css （使用 /* 注释 */）
uniapp判断当前运行环境 app h5 微信小程序 百度小程序
div_336699的博客
12-12 634
【代码】uniapp判断当前运行环境 app h5 微信小程序 百度小程序。
uniapp条件判断app,H5,微信小程序端
poisons__的博客
09-08 1629
uniapp条件判断app,H5,微信小程序端
uni-app如何区分 app、h5、各种小程序代码； uni-app如何判断是android、ios、小程序
qq156831414的博客
06-29 1万+
uniapp是DCloud公司于2012年开始研发的能够一次代码开发，生成H5、小程序（微信、支付宝、百度、华为等）、APP等应用的技术的统称，开发工具是HBuilderX，功能非常强大，由此引申出许多技术社区与生态环境。 使用HBuilderX开发Uniapp程序的项目，用它生成多端应用，由于兼容各种多端应用，程序代码需要相应的适配，因为各端技术标准不同，也会出现很多问题，要对uniapp的编译原理多端生成有一定程度的理解。 既然在同一套代码里进行多端开发，那就要能够区分哪块代码用在小程序，哪块代码用在a
uni-app判断是否是小程序/app/h5
web前端进阶 黑客的博客
05-28 5353
onLoad(){ // MP 代表所有小程序 #ifdef MP //如果是小程序 例如显示返回按钮 this.showBack = false // #endIf } 在data中定义showBack data() { return { // #ifndef MP showBack: true. // #endif } } ///======= APP： /*#ifdef A...
【uniapp】多端（H5和微信小程序）
Qxn530的博客
11-07 3027
多端适配，H5页面和微信小程序：去除H5页面的顶部导航栏；H5样式；H5页面下载视频和PDF；H5页面手机端和pc端适配
uniapp 和 HTML5 区别
CRMEB小程序商城的博客
05-26 3056
uniapp 和 HTML5 区别：1、uniapp 是一个使用 Vue.js 开发所有前端应用的框架，而 HTML5 是构建 Web 内容的一种语言描述方式；2、uniapp 不支持 dom 操作，而 H5 端有 dom 对象；3、uniapp 不支持过滤器等等。 本教程操作环境：windows7 系统、uni-app2.5.1 版本、thinkpad t480 电脑。 推荐（免费）：uni-app 开发教程 uniapp 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到
uniapp小程序tabbar图标
07-25
uniapp是一个基于Vue.js的多端开发框架，允许开发者编写一次代码，即可在iOS、Android、H5、小程序等多平台上运行。 在uniapp中，`tabbar`的图标分为选中状态和非选中状态，以提供视觉反馈，告诉用户当前所处的页面...
uni-app小程序简单聊天.rar
12-15
uni-app是一个使用Vue.js开发所有前端应用的框架，它支持多端输出，包括微信小程序、支付宝小程序、百度智能小程序、QQ小程序、H5以及App等。这个压缩包中的内容主要是为了帮助开发者快速理解和实现一个基础的聊天...
sku电商商品多规格
12-25
在“uniapp”框架下开发的这个组件，可以无缝地运行于H5、APP以及小程序三大平台，实现了跨平台的兼容性。"uniapp"是一个基于Vue.js的多端开发框架，它允许开发者使用一套代码进行多端部署，大大提高了开发效率。 1...
wy-tenant_uniapp.rar
11-18
uni-app是一个开源的多端开发框架，它允许开发者使用一套代码库来编写应用，同时支持微信、支付宝、百度、QQ、头条、H5等多个平台的小程序和移动应用。这个名为"wy-tenant_uniapp.rar"的压缩包文件很可能包含了一个...
上传文件到阿里云OSS-uniapp.zip
09-22
本项目“上传文件到阿里云OSS-uniapp.zip”专注于在uni-app平台上实现对阿里云OSS的文件上传功能，特别适合于微信小程序和H5应用。 uni-app是一个多端开发框架，允许开发者编写一次代码，部署到多个平台，包括微信...
uniapp的判断h5还是app的问题
m0_59638694的博客
09-18 1832
uniapp打包的时候 判断h5的还是app的问题
uniapp H5页面判断所在环境：微信小程序、微信浏览器、外部浏览器
weixin_44375151的博客
03-29 1405
开发过程中难免会遇到需要判断单前页面所处的运行环境,那么我们应该如何来实现呢？需求是这样的：uniapp开发的H5界面需要嵌入微信小程序，安卓app中，其中有部分功能是在app中显示，小程序中不显示。经过一番摸索之后，我也找到解决办法，再此备忘一下。
uniapp判断h5/微信小程序/app端
qq_38786840的博客
06-27 3854
写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。
uniapp h5跳转小程序和app代码
06-01
以下是一个示例代码，可以在uniapp中使用H5页面跳转到小程序或APP： ```javascript // 判断当前环境是在APP内还是在H5页面中 if (uni.getSystemInfoSync().platform === 'app-plus') { // 在APP中跳转到其他APP页面 uni.navigateTo({ url: '/pages/index/index' }); } else { // 在H5页面中跳转到小程序 uni.navigateToMiniProgram({ appId: 'wx1234567890', // 小程序的appId path: '/pages/index/index', // 小程序的页面路径 success(res) { // 跳转成功的回调函数 console.log(res); }, fail(res) { // 跳转失败的回调函数 console.log(res); } }); } ``` 需要注意的是，在APP中跳转到其他APP页面需要使用 `uni.navigateTo()` 方法，并传入目标页面的路径。而在H5页面中跳转到小程序则需要使用 `uni.navigateToMiniProgram()` 方法，并传入小程序的appId和页面路径。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值