app通过webview内嵌的vue项目，是不是不能使用window.innerHeight，或者不会触发绑定的window.addEventListener('focusin', this.onInputFocus);聚焦事件， 那样如何监听手机键盘是否打开，以及软键盘的高度

当你在一个App通过WebView内嵌Vue项目时，由于WebView有自己的浏览器环境和沙箱限制，的确可能会遇到一些与原生元素交互的问题。`window.innerHeight` 和 `window.addEventListener` 可能不会像在纯Web应用中那样工作，因为这些操作是在宿主页面之外。

要监听手机键盘的弹出和关闭，你可以尝试以下几个方法：

1. **利用`resizeObserver`**：
Vue.js 提供了 `resize-observer-polyfill` 这样的库，可以模拟 window 的 resize 事件。当软键盘弹出导致视口高度改变时，这个事件会被触发。在适当的地方设置一个观察器，并检查新高度变化来判断键盘状态。

import ResizeObserver from 'resize-observer-polyfill';

new ResizeObserver((entries) => {
  const isKeyboardOpen = entries.some((entry) => entry.contentRect.height > yourExpectedHeight);
  if (isKeyboardOpen) {
    // do something when keyboard opens
  } else {
    // do something when keyboard closes
  }
}).observe(window);

记得替换 `yourExpectedHeight` 为你预期屏幕无键盘时的高度。

2. **监听`scroll`事件**：
软键盘通常会遮挡一部分屏幕，这会引起滚动事件。你可以监听滚动事件来推断键盘的状态。

document.body.addEventListener('scroll', () => {
  const isKeyboardVisible = Math.abs(document.documentElement.scrollTop) > someThreshold;
  if (isKeyboardVisible) {
    // handle keyboard open
  } else {
    // handle keyboard close
  }
}, { passive: true });

同样地，`someThreshold` 应该是一个合理的数值，表示键盘盖住的距离。

3. **使用`Intersection Observer`**：
这是一种现代浏览器支持的API，用于检测DOM元素是否进入或离开视口。可以创建一个观察目标为文档体的观察者，当焦点失去时，说明键盘可能已经弹起。

const observer = new IntersectionObserver((entries) => {
  const isKeyboardVisible = entries[0].isIntersecting;
  if (isKeyboardVisible) {
    // do something
  } else {
    // do something else
  }
});
observer.observe(document.body);

请注意，上述方法的效果可能因设备、浏览器兼容性和WebView的具体配置而异，可能需要在实际项目中做一些调整和优化。同时，也建议查阅WebView相关的文档，看它是否提供了一些特定的方式来处理这种情况。