使用 Cordova 的一些记录

将 UIWebView 替换为 WKWebView

安装插件

cordova plugin add cordova-plugin-wkwebview-engine@latest --save 

并在 config.xml 的 <platform name="ios"> 中添加:

<feature name="CDVWKWebViewEngine">
    <param name="ios-package" value="CDVWKWebViewEngine" />
</feature>

防止页面缩放

页面 meta 使用以下标签

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />

取消 input 输入的时候英文首字母大写

<input autocapitalize="off" autocorrect="off" />     

修改电池状态栏背景颜色

安装插件

cordova plugin add cordova-plugin-statusbar

在 config.xml 文件中添加

<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#000000" />
<preference name="StatusBarStyle" value="lightcontent" />

禁用整个页面上下拖动

在 config.xml 文件中添加

<preference name="WebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />

解决 WKWebView 中元素无法自动聚焦

cordova plugin add cordova-plugin-wkwebview-inputfocusfix

使用蓝牙打印机

安装插件,使用方法查看详细

cordova plugin add cordova-plugin-ble-central