兼容性问题
<p>[TOC]</p>
<h1>一、移动游戏客服V2.0.0开发总结</h1>
<h2>1、简述</h2>
<p>后台配置反馈类型，用户提交反馈内容（针对不同的反馈类型提交不同的反馈表单），可查看反馈记录和反馈记录详情页。</p>
<h2>2、技术说明</h2>
<ul>
<li>vue + nat + vux + websocket</li>
</ul>
<h2>3、问题整理</h2>
<h3>(1) 兼容性问题</h3>
<p>1、出现字体不一致的问题：iphone6，10.2版本，同城app2.3.4；</p>
<pre><code>/* font-family: sans-serif; */
font-family: 'Avenir', Helvetica, Arial, sans-serif;</code></pre>
<p>2、填写表单的时候，界面中所有可点击的地方经常出现卡死无法点击：
问题原因：ios端输入框输入完信息键盘回落后导致页面的布局错位造成的。
解决方法：识别到是ios端且输入框失去焦点后，让页面的布局布局回复正常。</p>
<p>3、【iphone系列，同城app2.4.3】页面滚动，兼容性问题，见截图。</p>
<p><img src="http://doc.uc108.org:8002/server/../Public/Uploads/2019-11-12/5dca7dd5ab46a.png" alt="" />
问题原因：和引擎方【廖前福】沟通是引擎版本过低造成的，和产品 @青青 确认该问题可不予处理。</p>
<p>4、【iphone系列，同城app2.4.3】与游戏方对接方法不灵敏：
问题原因：ios2.3.4属于比较低的引擎版本，与引擎对接的方法不兼容造成。
解决方法：有window.open("lua:exit") 调整为 window.location.href = "lua:exit" 。
ios2.3.4 引擎版本过低，相对会引起不可描述的问题，建议除非特殊情况，不建议在ios2.3.4对接h5页面。</p>
<p>5、【iphone刘海屏，同城游app3.9.1】引擎适配问题（引擎已解决）：
h5页面需要配置：</p>
<pre><code><meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1,user-scalable=no,viewport-fit=cover" /></code></pre>
<pre><code>/* 适配齐刘海*/
@supports (
(height: constant(safe-area-inset-top)) or
(height: env(safe-area-inset-top))
)
and (-webkit-overflow-scrolling: touch) {
body {
padding-top: env(safe-area-inset-top);
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
padding-bottom: env(safe-area-inset-bottom);
}
}</code></pre>
<p><code>特别说明：</code>ios客户端低于3.7.0（包含3.7.0，即引擎版本低于0724版本），对接的游戏方需要进行适配iphone刘海屏。安卓的刘海屏需要h5适配（安卓对应的）。</p>
<p>6、【魅蓝 note6 7.1.2，小米6 8.0】反馈记录详情页，联系手机号、预计答复项内容上移严重。
<img src="http://doc.uc108.org:8002/server/../Public/Uploads/2019-11-12/5dca80de7b7b8.png" alt="" />
<code>未解决，其余手机显示都正常。</code></p>
<p>7、【Android】个别页面上传截图然后删除后，描述输入框右侧会显示灰色长条。
需要隐藏滚动条。</p>
<p>8、【vivo x9s，8.1.0】反馈记录页，当条数多时最后一行下边框消失。
缩放值调整。</p>
<p>9、安卓物理键返回。
解决方法：和游戏方对接沟通新增了一个可以让h5监听触发了物理键的方法。该键返回效果同顶部【返回】按钮功能。</p>
<p>10、和服务端确认字段的类型：
数字型需要确认下。</p>
<h3>(2) 功能性问题</h3>
<p>1、需要考虑杀掉进程的情况：表单内容处于编辑过的状态，杀掉进程进入页面重新处于初始状态；
2、WebSocket通信问题：</p>