能否使用JS、CSS开发iOS/Android端的自定义系统键盘应用？

Cordova/Ionic 这类跨端框架完全支持你用 JS/CSS 实现自定义键盘的全部业务UI与交互逻辑，只有系统级的键盘注册步骤需要少量原生配置支撑，无需编写复杂的 Java/Swift 业务代码。

核心实现逻辑 #

• 键盘的按键布局、点击交互、皮肤切换、候选词渲染等所有上层功能，都可以纯用 JS/CSS 开发，最终运行在框架提供的 WebView 容器中
• 系统键盘注册属于操作系统权限范畴，无法纯靠 JS 完成，仅需要针对两端分别做少量的原生配置，再通过 Cordova 插件桥接和你的 JS 逻辑联动即可

各端注册流程实现要点 #

Android 端 #

1. 首先在 Android 项目的 AndroidManifest.xml 中添加输入法服务声明，这是系统识别你的应用为可用输入法的必要配置：

<service
    android:name=".CustomKeyboardService"
    android:permission="android.permission.BIND_INPUT_METHOD">
    <intent-filter>
        <action android:name="android.view.InputMethod" />
    </intent-filter>
    <meta-data
        android:name="android.view.im"
        android:resource="@xml/input_method_config" />
</service>

2. 原生层仅需要实现一个极简的输入法服务基类，直接加载 Cordova 渲染你 JS/CSS 键盘代码的 WebView 作为输入法视图即可，不需要编写原生键盘逻辑

iOS 端 #

1. 需要在 Xcode 项目中新增 Custom Keyboard Extension 扩展 target，这是 iOS 要求的自定义输入法必须的注册配置
2. 扩展的根视图直接加载运行你 JS/CSS 键盘代码的 WebView 即可，不需要额外编写原生UI代码

额外提示 #

• 引导用户跳转到系统设置页面开启输入法的流程，可以通过封装极简单的原生桥接 API 供 JS 调用，全程不需要你处理复杂的原生逻辑
• 按键输入上屏、读取系统输入框上下文这类和系统交互的能力，也可以封装成 JS 可调用的接口，所有业务逻辑都可以在 JS 层完成

内容的提问来源于stack exchange，提问作者JDr