多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## H5云客服如何解决输入框被iPhone底部横条(Home Indicator)遮挡 部分APP内嵌入H5云客服后,在iPhoneX及以上机型打开时,会出现输入框被iPhone底部横条(官方叫法是Home Indicator)遮挡的情况。如下图: ![](https://img.kancloud.cn/c0/e4/c0e41a756bce57537a98b081d0e8975f_591x1280.png) 1、解决方法:在H5云客服链接后面增加参数safe\_area\_inset\_bottom=1。 - 注意:要在H5云客服场链接后面添加参数,短连接后面添加参数可能会导致参数丢失。 示例: ~~~ https://xiaokefu.com.cn/api/mobileweb/home?channel_id=40206&channel_key=40206zt6b&wechatapp_id=359251&key=82872mdzl#&safe_area_inset_bottom=1 ~~~ 错误示例: ~~~ http://xkf.zhimakf.com/s/82872mdzl?safe_area_inset_bottom=1 ~~~ --- ### 如何获取H5长链接 1、复制H5短链接地址 ![](https://img.kancloud.cn/c8/85/c885df2af9885f412d2ab19968bc7f46_1920x929.png) 2、粘贴短连接到浏览器地址栏 ![](https://img.kancloud.cn/88/57/885756a4f2eb58013c0971aa442620ee_1822x1062.png) 3、这时,浏览器会自动将短连接转成长链接。复制地址栏的长链接即可。 ![](https://img.kancloud.cn/9c/1a/9c1a1b69f69e4bc1d5f04daef44bec1d_1129x822.png)