uni-app 跨端兼容

跨端兼容

uni-app 已将常用的组件、JS API封装到框架中，开发者按照uni-app规范开发即可保证跨平台兼容，大部分业务均可直接满足。

但每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。

• 大量写if-else，会造成代码执行性能低下和管理混乱。
• 而编译到不同的工程后二次修改，会让后续升级变得很麻烦。

条件编译

API的条件编译写法：

<!-- #ifdef %PLATFORH% --> 

平台特有的API实现 

<!-- #endif -->

组件的条件编译写法：

<!-- #ifdef %PLATFORH%-->

 平台特有的组件
 <!-- #endif -->

样式的条件编译写法：

<!-- #ifdef %PLATFORH%-->

平台特有样式

 <!-- #endif -->

%PLATFORH%可取值如下：

• MP-WEIXIN：微信小程序
• APP-PLUS：5+App

<view>
        <!-- #ifdef MP-WEIXIN -->
        <View>手机品牌：{{model}}</View>
        <!-- #endif -->
        <View>手机型号：{{model}}</View>
        <View>网络类型：{{networkType}}</View>
</view>