H5在全屏Webview中双端适配刘海屏

背景:
最近遇到一个看似常规的 H5 需求,是 App 内嵌的一个功能模块,看样子跟往常一样重复造轮子就 OK 了,客户端开个 Webview 加载页面即可。

正常我们遇到最多的是下面这种类型:

这种的话一般是封装一个 Webview 包含返回+标题+分享功能,然后加载 H5 即可,返回即关闭 Webview,标题是读取网页的 Title 属性,分享是调起客户端的分享弹窗。

然是这次的 H5 有点不寻常的东西:

  1. 导航栏除了返......