在开发过程中，我遇到了一个“uniapp 兼容android”的问题。为了更好地记录解决这个问题的过程，我决定整理出一篇博文，方便今后查阅。
## 环境准备
首先，我们需要确保我们的技术栈兼容性。以下是我为这个环境准备的四象限图，展示了各个框架及工具之间的兼容性：
```mermaid
quadrantChart
title 技术栈兼容性
x-axis 不兼容 ---> 兼容
split action bar或者Navigating Up with the App Icon需要考虑兼容性。下面介绍下split action bar和Navigating Up with the App Icon，并解决兼容性。split action barsplit action bar模式时，在屏幕的底部会显示一个独立的横条，用于显示Activity在窄屏设备（如竖屏手机）上运行时的
# Uniapp Android兼容实现方法
## 一、整体流程
为了实现Uniapp在Android平台上的兼容性，我们需要经过以下步骤：
```mermaid
erDiagram
开发者 --> Uniapp开发环境: 创建一个新的Uniapp项目
Uniapp开发环境 --> HBuilderX: 使用HBuilderX编写和调试代码
Uniapp开发环境 --
原创
2023-12-15 10:46:26
347阅读
H5正常但App异常的可能性css异常：不支持的选择器 非H5端不支持*选择器；body的元素选择器请改为page，同样，div和ul和li等改为view、span和font改为text、a改为navigator、img改为image...webview浏览器兼容性vue页面在App端，默认是被系统的webview渲染的（不是手机自带浏览器，是rom的webview），在较老的手机上，比如Andr
转载
2023-09-15 19:08:51
5490阅读
1.map组件点击多个标记点marker，怎样隐藏上一个气泡，只显示当前点击的？使用小程序自带地图(腾讯地图),当有多个marker时，点击marker时，在Android版本下，无法隐藏上一个气泡。iOS系统正常。我这边解决了。方案：根据点击时@markertap回调传递过来的id，进行遍历当前markers数组。当前显示的marker修改他的显示模式为ALWAYS，其他则为BYCLICK或者N
我的项目是一套基于uni-app开发的兼容H5跟微信小程序的项目 所以在开发时难免有不一样的地方，这就需要区分平台进行开发了因为我也是第一次遇到这种问题，所以一开始也不知道该用什么方法解决，在uni-app的官方文档中有这么一篇文档跨端兼容uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-app 规范开发即可保证多平台兼容，大部分业务均可直接满足。但每个平台有自己的一
转载
2023-12-21 11:43:49
564阅读
# uni-app 兼容 APP 和 Android 的实现指南
## 流程概述
在使用 uni-app 开发兼容 APP 和 Android 的应用时，我们需要遵循一系列步骤。以下是整个开发流程的概述，显示为表格：
| 步骤 | 描述 | 注意事项 |
|------|-------------|-------------
原创
2024-10-29 04:08:46
52阅读
uniapp 是一款跨平台的开发框架，它可以同时开发出运行在 Android 和 iOS 上的应用程序。然而，由于 Android 系统的碎片化特点，不同版本的 Android 系统对于 uniapp 的兼容性会有所不同。在开发过程中，我们需要特别注意低版本 Android 系统的兼容性问题，以保证应用程序能够在各个版本的 Android 系统上正常运行。
为了兼容低版本的 Android 系统
原创
2024-02-01 04:29:55
1221阅读
这是一个没有套路的前端博主，热衷各种前端技术栈，喜欢非正规的骚操作，经常想到哪就写到哪，如果有感兴趣的技术和前端效果可以留言～博主看到后会代替大家去踩坑的～ 主页: oliver尹的主页 格言: 跌倒了爬起来就好～ 《uni-app》npm详解及在uni-app中对npm的支持一. 前言二. 阅读对象与难度三. npm简介四. package.json4.1 简介4.2 小结五. uni-app对
转载
2024-01-23 23:46:02
214阅读
现在，不管用什么牌子的手机都会有自带的计算器功能，而且大家经常会用到手机计算器。那么，你知道手机计算器隐藏的功能吗？你知道手机计算器还可以靠语音来计算吗？今天就给大家分享一招手机计算器隐藏的功能，不仅能显示计算过程而且还能全程语音播报，方便又实用，解决了很多人困扰的烦恼。下面就来了解一下手机计算器隐藏的这个功能吧！ 手机计算器隐藏的功能你平常用手机计算器的次数多吗？你知道手机计算器隐藏
转载
2023-12-08 07:06:55
201阅读
1. 谈谈你对uni-app的理解uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可以发布到IOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。uniapp真正做到一套代码多端发行，支持原生代码混写和原生sdk集成。运行体验更好。组件、api与微信小程序一致，兼容 Weex 原生渲染。通用技术栈，学习成本更低。Vue的语法，微信小程序的api
转载
2024-02-27 09:47:17
162阅读
# 实现 Axios 在 Uniapp 中的兼容性
## 引言
在开发过程中，我们经常需要与后端进行数据交互。Axios 是一个流行的 JavaScript 库，用于发送 HTTP 请求。而 Uniapp 是一个基于 Vue.js 的跨平台开发框架，可以一套代码同时运行在多个平台上。本文将教会你如何在 Uniapp 中实现 Axios 的兼容性。
## 实现步骤
下面是实现 Axios 在
原创
2024-01-31 11:31:02
180阅读
项目场景：uni-app如何引入天地图并兼容appuni-app引入天地图打包成app后，兼容安卓。该方式仅兼容安卓、h5，不支持微信小程序。安卓模拟器最终效果 uni-app提供的组件，仅支持下面的服务商，想使用天地图或其他地图，需要搭配地图引擎使用。本案例使用工具与插件leaflet.js 轻量的地图引擎，获取无需魔法uni-appHbuilderX 3.8.3MuMu模拟器12 (用于查看实
转载
2024-07-04 06:53:24
141阅读
条件注释实现跨端兼容跨端兼容
uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-app 规范开发即可保证多平台兼容，大部分业务均可直接满足。但每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。大量写 if else，会造成代码执行性能低下和管理混乱。编译到不同的工程后二次修改，会让后续升级变的很麻烦。在 C 语言中，通过 #ifdef、#ifndef 的方式，
转载
2024-04-28 16:19:00
160阅读
前言今天有一个项目需要打包成微信小程序和H5两个版本，为了处理兼容性，研究了一下uni-app的Uniapp中的条件编译跨端兼容的使用方法一、uni-app跨端兼容？uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-app 规范开发即可保证多平台兼容，大部分业务均可直接满足。但每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。大量写 if else，会造成代码
转载
2023-11-14 11:04:17
539阅读
使用uniapp开发呢好多人说坑很多，不使用nvue还好吧，本身uniapp就是基于vue、小程序的，上手可谓 0 难度，但是有些细节还是需要注意的。H5正常但App异常的可能性1.css异常：2.不支持的选择器非H5端不支持*选择器；body的元素选择器请改为page，同样，div和ul和li等改为view、span和font改为text、a改为navigator、img改为image…组件和页
转载
2024-01-22 13:28:06
207阅读
一、当前背景uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-app 规范开发即可保证多平台兼容，大部分业务均可直接满足。但每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。大量写 if else，会造成代码执行性能低下和管理混乱。编译到不同的工程后二次修改，会让后续升级变的很麻烦。在 C 语言中，通过 #ifdef、#ifndef 的方式
转载
2024-05-09 09:45:32
59阅读
1.关于Android平台APP支持CPU的问题原因：因为以前安卓的cpu大部分都是第7代及以上的ARM处理器（ARM32位），最近今年出现了ARM64位的。 解决方案: x86是少部分平板或者第三方模拟器的情况，可以勾选。2. 首次安装的需要弹窗隐私协议原因：根据工业和信息化部关于开展APP侵害用户权益专项整治要求应用启动运行时需弹出隐私政策协议。 解决方案：1.勾选使用原生隐私政策提示框，会默
转载
2023-10-12 13:36:40
11阅读
uniapp 对android 兼容性如何
随着移动端应用的迅猛发展，使用跨平台技术构建应用已成为一种常见选择。Uniapp 提供了一个优雅的解决方案来实现跨平台开发。然而，在实际应用中，我们注意到在 Android 设备上的兼容性问题时有发生。为了有效应对这些问题，我们进行了一系列的分析和优化。
## 问题背景
在某次版本更新后，我们发现多个 Android 设备上的应用表现异常，影响了用户
<template> <view class="content"> <!-- #ifdef H5 --> <view>只在H5中显示</view> <!-- #endif --> <!-- #ifdef MP-WEIXIN --> <view>只在微信小程序中显示</view> <!-- #endif --> </view></templa.
原创
2021-02-26 07:18:54
40阅读
