攻略站移动端开发遇到的问题总结

前言：攻略站使用WebRtc进行通信，系统要求版本ios:11.2+css1，使用outline:none去掉轮廓框div{大纲：无；-webkit-tap-highlight-color:rgba(0,0,0,0);}覆盖当用户点击SafariforiOS中的链接或JavaScript中的可点击元素时显示的突出显示颜色。该属性只能设置透明度。如果未设置透明度，iOSSafari将使用默认透明度。当透明度设置为0时，该属性被禁用；当透明度设置为1时，元素在单击时不可见。参考地址：https://www.cnblogs.com/Allen...2.ios10的缩放功能标签阻止方法已经失效，只能用js文档暂时阻止该事件.addEventListener('touchstart',function(event){if(event.touches.length>1){event.preventDefault();}})varlastTouchEnd=0;document.addEventListener('touchend',function(event){varnow=(newDate()).getTime();if(now-lastTouchEnd<=300){event.preventDefault();}lastTouchEnd=now;},false)3.单元vhvw使用vhvw，在Safari中不包含底部按钮框制作单页应用时，注意元素是否被覆盖。4.视频旋转ios系统，js无法阻止横屏时视频播放器旋转，需要重新设置样式。@mediaalland(orientation:portrait){//这里是竖屏}@mediaalland(orientation:landscape){//这里是横屏}JS1，判断系统类型varisMobile={Android:function(){returnnavigator.userAgent.match(/Android/i)？真假;},BlackBerry:function(){returnnavigator.userAgent.match(/BlackBerry/i)?真假;},iOS:function(){returnnavigator.userAgent.match(/iPhone|iPad|iPod/i)?真假;},Windows:function(){returnnavigator.userAgent.match(/IEMobile/i)?真假;},any:function(){return(isMobile.Android()||isMobile.BlackBerry()||isMobile.iOS()||isMobile.Windows());}};if(isMobile.iOS()){//ios*斜体字*}