在
Android 的
WebView 中，当
软键盘弹出时，
输入框被遮挡是一个较为常见的
问题。由于
Android 系统的碎片化，不同厂商和系统版本对
软键盘弹出时的处理方式存在差异，因此需要综合多种策略来确保
输入框能够正确上移并保持可见。
### 解决方案一：调整
AndroidManifest.xml 中的 `windowSoftInputMode` 配置
在 `
AndroidManifest.xml` 中为包含
WebView 的 Activity 设置 `windowSoftInputMode` 属性，以控制
软键盘弹出时对布局的影响：
```xml
<activity
android:name=".
WebViewActivity"
android:windowSoftInputMode="stateHidden|adjustResize|adjustPan" />
```
- `adjustResize`：系统会调整 Activity 的主布局区域以适应
软键盘。
- `adjustPan`：系统会尝试通过平移来确保
输入框不被
软键盘遮挡。
在某些设备上，`adjustResize` 更适合全屏模式下的
WebView，因为它可以触发 `onSizeChanged` 回调，从而允许手动处理布局调整[^1]。
### 解决方案二：监听
WebView 内容高度变化并动态调整
通过 JavaScript 监听页面内容高度变化，并将高度传递给
Android 端，从而动态调整
WebView 的布局：
```javascript
window.addEventListener('resize', function () {
// 将当前页面高度传递给
Android
window.
Android && window.
Android.onPageResize(document.body.scrollHeight);
});
```
在
Android 端定义对应的 `JavaScriptInterface` 接收高度变化事件：
```java
webView.addJavascriptInterface(new Object() {
@JavascriptInterface
public void onPageResize(int height) {
// 根据传入的高度调整
WebView 布局
runOnUiThread(() -> {
ViewGroup.LayoutParams params =
webView.getLayoutParams();
params.height = height;
webView.setLayoutParams(params);
});
}
}, "
Android");
```
### 解决方案三：使用 `scrollIntoView()` 强制滚动
输入框到可视区域
在
输入框获得焦点时，通过 JavaScript 调用 `scrollIntoView()` 方法确保
输入框位于可视区域中：
```javascript
document.addEventListener('focus', function (e) {
if (e.target.tagName.toLowerCase() === 'input' || e.target.tagName.toLowerCase() === 'textarea') {
e.target.scrollIntoView({ behavior: 'smooth', block: 'center' });
}
}, true);
```
该方法在多数场景下可以有效避免
输入框被
软键盘遮挡，但需要结合 `adjustResize` 使用以获得最佳效果[^2]。
### 解决方案四：设置
WebView 的 `overScrollMode`
在部分设备上，
软键盘弹出时
WebView 的内容
无法自动滚动，可以尝试设置 `overScrollMode` 来强制允许滚动：
```java
webView.setOverScrollMode(View.OVER_SCROLL_ALWAYS);
```
这样可以确保即使
软键盘遮挡
输入框，用户仍可通过手动滚动来查看输入内容。
### 相关
问题
1. 如何在
Android WebView 中检测
软键盘的
弹出与收起？
2.
Android WebView 中
输入框获得焦点后页面不自动滚动怎么办？
3. 如何在
Android WebView 中实现类似 iOS 的
软键盘自动上推
输入框效果？
4.
WebView 中 `windowSoftInputMode` 设置为 `adjustResize` 无效怎么办？
5. 如何通过 JavaScript 与
Android 原生代码协作解决
软键盘遮挡
问题？
本文描述了一个关于自定义Webview的问题，当使用三个参数且最后一个参数为0时，软键盘无法正常弹出。通过调整为使用两个参数的方法，成功解决了这一问题。
扫一扫
7397
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
