精华内容
下载资源
问答
  • 我写的程序,在别的手机上都能正常运行。但是就在小米上各种错误。而且都找不到哪里错了。客户天天投诉。我想问一下,各位大神是怎么解决小米的“优化”导致的各种兼容性问题的。
  • 现在是明知某些手机运行不了,但是每样买一台开发机太不实际。 有没有租借开发机的方式?
  • 需求就是,HTML项目要兼容部分低版本的手机浏览器,又不知道怎么手机调试,于是我用的电脑的IE浏览器来调试了,把我们的移动端项目用IE打开,IE的控制台报错一个一个解决解决一个问题用IE看一次。。解决完成之后...

    需求就是,HTML项目要兼容部分低版本的手机浏览器,又不知道怎么用手机调试,于是我用的电脑的IE浏览器来调试了,把我们的移动端项目用IE打开,IE的控制台报错一个一个解决,解决一个问题用IE看一次。。解决完成之后应该就可以了。哎,解决兼容性真的好坑。。。

    用IE调试的原因:因为电脑上可能除了IE浏览器,其他的浏览器都是兼容我们代码所写的语法,控制台也不报错。比如es6的模板语法``在谷歌等浏览器是可行的,但是在ie就不行,引入的babel依旧是不行的。这是我们可以用最原始的加号(+)的方式进行拼接。

    展开全文
  • 最近知道了华为几年前有一款免费的portal软件,于是尝试使用了一下,效果的话,朋友感觉还不错,但问题是我用的苹果手机,但苹果连这个WiFi之后并不会弹出认证界面,甚至主动输入IP进入这个认证界面都是显示的无法...
  • 刚开始不如移动端开发,这个时候才发现设备的兼容性是多么让人头疼,下面会记录一些我遇到的问题。这篇文章会持续不定期更新 我讲的不会很细致,只会讲出我遇到的问题解决的思路及少量代码 ios使用fixed蒙层...

    移动端开发会让你经常会和测试说这样一些话:“我已经测了的,怎么会是这个样子?”;“我的手机上是正常的呀!”;“会不会是缓存~”;“还有这种操作???”…

    刚开始不如移动端开发,这个时候才发现设备的兼容性是多么让人头疼,下面会记录一些我遇到的问题。这篇文章会持续不定期更新

    我讲的不会很细致,只会讲出我遇到的问题和解决的思路及少量代码

    ios使用fixed蒙层输入框

    你会惊奇的发现,如果你在有弹框的蒙层用了fixed这种常规操作,很棒~,简单实用。but!ios会出现输入框闪烁的无奈问题,也不用纠结哪个版本的ios了,反正你都得改~。具体我们该怎么解决这个问题呢?用absolute?真好,我们想到了一起。但是要知道absolute并不能锁定整个屏幕,所以我给body设置overflow:hidden,但是这会导致body自动到顶部。实在没想出完美解决这个bug的简单用css就可以的方法。所以我用了js控制。主要是使用了两个函数,

    		// 我用的是vue
    		// 思路很简单  就是弹框弹起时获取scrollTop 和 屏幕的高度
    		// 然后 两者相加为背景高度使用margin-top的负高度上移scrollTop的高度,
    		// 最后overflow:hidden;
    		// 关闭弹框时恢复设置
    		hasMask() {
                this.top = document.documentElement.scrollTop || document.body.scrollTop;
               	const mainDom = document.querySelector('.pig-main');
                this.pageMinHeight = document.querySelector('#app').clientHeight;
                mainDom.style.marginTop = -this.top + 'px';
                mainDom.style.height = this.pageMinHeight + this.top - 1 + 'px';
                mainDom.style.overflow = 'hidden';
               
            },
            noMask() {
                const mainDom = document.querySelector('.pig-main');
                mainDom.style.marginTop = 0;
                mainDom.style.height = '';
                mainDom.style.overflow = '';
                document.documentElement.scrollTop = this.top;
                document.body.scrollTop = this.top;
                
            }
    

    然而这种方式在ios下也有一个bug,ios的title处会动态的小幅度变化,导致蒙层可滑动并且下方会有小部分空白。此时我选择监听scroll事件,动态改变高度。(ps: 弹框关闭时建议移除scroll事件)

    		changeHeight() {
                const mainDom = document.querySelector('.pig-main');
                this.pageMinHeight = document.querySelector('#app').clientHeight;
                mainDom.style.marginTop = -this.top + 'px';
                mainDom.style.height = this.pageMinHeight + this.top - 1 + 'px';
                mainDom.style.overflow = 'hidden';
            },
            hasMask() {
                this.top = document.documentElement.scrollTop || document.body.scrollTop;
                this.changeHeight();
                window.addEventListener('scroll', this.changeHeight)
            },
            noMask() {
                const mainDom = document.querySelector('.pig-main');
                window.removeEventListener('scroll', this.changeHeight)
                mainDom.style.marginTop = 0;
                mainDom.style.height = '';
                mainDom.style.overflow = '';
                document.documentElement.scrollTop = this.top;
                document.body.scrollTop = this.top; 
            },
    

    这个bug目前算是解决了,代码写的不好还见谅,我也会努力向大家学习。大家有更好的方法也可以推荐给我。

    目前ios12及以上版本input框换起软盘后收起,页面没有恢复

    这个bug解决的思路很简单:首先,未恢复的页面在发生scroll事件时就会恢复;接下来就是解决何时发生滚动,我采用的是在blur时scrollTo;最开始如果我们scrollTo(0, 0),就会出现一个新的bug就是你每切换一个输入框都会往上弹一下,用户体验会很差;所以就在blur时计算此时的scrollTop值;然后加1px。:)最后因为ios切换输入框滚动有个延时,所以最后代码如下:

    		if (/os 12/ig.test(navigator.userAgent)) {
                window.addEventListener('blur', () => {
                    let currentTop;
                    setTimeout(() => {
     					currentTop = document.documentElement.scrollTop || document.body.scrollTop;
                        currentTop += 1; 
                        window.scrollTo(0,currentTop);
    				},300);
                },true)
            }
    
    手机锁屏倒计时停止

    手机锁屏的解决方案如果不是webview的页面,用网上的监听页面事件的解决方案是不好解决的,get到一个简单方法就是在setinterval里获取当前时间,如下:

     const timer = setInterval(function () {
          timeleft = parseInt((finishTime - new Date().getTime()) / 1000)  // 重复获取时间
            min = Math.floor(timeleft / 60);
            sec = Math.floor(timeleft % 60);
    
            min = min < 10 ? "0" + min : min;
            sec = sec < 10 ? "0" + sec : sec;
            self.timeLeftShow = `${min}:${sec}`;
            timeleft--;
            if (timeleft <= 0) {
                self.canPay = false;
                clearInterval(timer);
            }
       }, 1000);
    
    展开全文
  • 在微信上面做了一个网页,里面用了一个video标签,测试了几台机子都没有问题,但是我们老板plus手机上出现了一个兼容性问题,就是上面的播放三角按钮不在中间,这个问题有没有人遇到过应该怎么解决
  • 就是$("body").on("click","#xx",function(){})在安卓手机上可以,在pc调试可以,就是ios上不行。 搜索了N多资料,终于知道怎么回事了。没有原因,应该就是个小bug。直接说解决方法: 例如在这样的Dom结构中:<...

    最近在做一个私活的时候,遇到一个小bug,让我百思不得其姐。

    就是$("body").on("click","#xx",function(){})在安卓手机上可以,在pc调试可以,就是ios上不行。

    搜索了N多资料,终于知道怎么回事了。没有原因,应该就是个小bug。直接说解决方法:

    例如在这样的Dom结构中:<div class="am-btn am-btn-default sure-btn" id="test">确定</div>

    在js中是这样的:$("body").on("click","#test",function(){ console.log("点击了"); });

    这时候在苹果手机上访问时会出现点击按钮是无效,然而在安卓手机中测试则是正常情况。

    解决这一奇葩问题的方法是对于点击的对象,使用cursor:pointer这个样式的设置,

    <style> .sure-btn{ cursor:pointer }</style>,

    完美。

    展开全文
  • 又是安卓设备的兼容性问题,头疼!!!!好吧,停止抱怨,撸起袖子开始干.对,我们想到了.把摄像头的scene设置成了一个比较亮的模式对吧?下面是摄像头可能支持的模式,这么多我逐一试试:SCENE_MODE_AUTO SCENE_MODE_ACTION...

    在我们测试EasyRTMP Android安卓手机推流的过程中发现有些设备预览时,明显偏暗!在稍微暗点的环境中几乎很难看清东西…额,这是怎么回事呢?又是安卓设备的兼容性问题,头疼!

    !!!好吧,停止抱怨,撸起袖子开始干.

    对,我们想到了.把摄像头的scene设置成了一个比较亮的模式对吧?下面是摄像头可能支持的模式,这么多我逐一试试:

    SCENE_MODE_AUTO
    SCENE_MODE_ACTION
    SCENE_MODE_PORTRAIT
    SCENE_MODE_LANDSCAPE
    SCENE_MODE_NIGHT
    SCENE_MODE_NIGHT_PORTRAIT
    SCENE_MODE_THEATRE
    SCENE_MODE_BEACH
    SCENE_MODE_SNOW
    SCENE_MODE_SUNSET
    SCENE_MODE_STEADYPHOTO
    SCENE_MODE_FIREWORKS
    SCENE_MODE_SPORTS
    SCENE_MODE_PARTY
    SCENE_MODE_CANDLELIGHT
    SCENE_MODE_BARCODE

    可结果是,这么多模式可以随便设,但就是没啥用.

    好吧,上网搜搜吧!我打开Chrome,敲入这几个字:

    “camera preview too dark”

    经搜索,发现得到的类似的问题也有不少,答案也几乎都差不多:设置曝光或者白平衡.
    比如下面这个答案:

    Camera.Parameters params = mCamera.getParameters();
    
    params.setExposureCompensation(params.getMaxExposureCompensation());
    
    if(params.isAutoExposureLockSupported()) {
     params.setAutoExposureLock(false);
    }
    
    mCamera.setParameters(params);

    很开心!加进去试试吧!

    结果又悲催了,没效果…

    这TM就比较坑爹了

    坑归坑,问题还的解决是不?只有想别的办法了,还是这个摄像头参数,我逐一注释下看看!
    好,经过我反复地注释/反注释+编译+运行后,发现居然是这个方法导致:

    setPreviewFpsRange

    因为我把这个函数注释了后,亮度就恢复了.

    很(神)开(马)心(鬼)…

    这明明是设置帧率的嘛,跟亮度有什么关系?

    没办法,安卓就是这样子,好多二三流设备厂商做产品随心所欲,导致各种兼容性问题,拉低了整体的档次,也给程序员带来各种bug.为了适应这些设备,我们必须写一些兼容性的代码,甚至牺牲一些性能.

    好吧,这篇博客写完了.我要切换到AS去咯!

    EasyRTMP项目介绍

    EasyRTMP是EasyDarwin团队开发的一套RTMP直播推送功能组件,内部集成了包括:基本RTMP协议、断线重连、异步推送、环形缓冲区、推送网络拥塞自动丢帧、缓冲区关键帧检索、事件回调(断线、音视频数据回调),通过EasyRTMP我们就可以避免接触到稍显复杂的RTMP推送或者客户端流程,只需要调用EasyRTMP的几个API接口,就能轻松、稳定地进行流媒体音视频数据的推送,支持市面上绝大部分的RTMP流媒体服务器,包括Red5、Ngnix_rtmp、crtmpserver等主流RTMP服务器,全平台支持:Windows、Linux、ARM(各种交叉编译工具链)、Android、iOS;

    EasyRTMP项目地址:https://github.com/EasyDarwin/EasyRTMP

    获取更多信息

    邮件:support@easydarwin.org

    WEB:www.EasyDarwin.org

    Copyright © EasyDarwin.org 2012-2017

    EasyDarwin

    展开全文
  • 这种情况一般是由于系统偶发性的故障,也或是与一些第三方软件上兼容性不好,这里简单介绍下当遇到这类情况时,怎么解决的方法。工具/原料iOS8方法/步骤1、如下图所示,当出现问题时,不管我们在主屏...
  • PDF文件它的兼容性很好,里面可以包含图片、文字、表格等等内容,所以PDF文件一 般都会比较大,这样的话就不方便我们传输,也不利于上传。所以,面对这些问题, 我们的解决办法就是压缩PDF文件,那么我们该如何...
  • 关于安卓手机图库提示“sd卡已卸载或不存在",...2.手机内存卡质量不怎么样,或者说兼容性不怎好,那换个卡试试。 3.操作系统出问题了,可能需要重新刷机。 4.取出内存卡,1分钟后---安好--开机。 5.用SDIncrease对
  • 原本的平台业务只在手机移动端上跑,所以日常开发的习惯都是不考虑(也不需要考虑)兼容性问题。平时会使用很多在低级别浏览器(IE8+)无法运行的API和框架(React、reflux)。在某次合作方接入竞猜平台的需求中,...
  • 微信公众号怎么真机调试

    千次阅读 2019-03-09 14:54:05
    使用TBS Studio进行微信公众号真机调试 目前在微信公众号开发中...在微信公众号开发的实际过程中,因为网络部署、证书等种种原因会引起某些手机兼容性问题,这时候微信开发者工具就爱莫能助了,如何解决真机调试...
  • 1、软件问题:主要是手机的软件设计存在BUG,当手机的系统程序和在运行的手机应用程序或上网的网络数据发生冲突或兼容性不好,就会使手机在进行这个操作时死机或是重启;一般可以通过升级软件版本解决BUG,降低死机...
  • 它自带的手机App,美观性和兼容性不好。怎么让这个老旧的系统能够跟上时代的步伐再焕发一次青春呢?这是一个亟待解决问题解决问题的思路: 1、在公司严格的电脑以及软件管控下,系统的网页版还可以使用,问题...
  • 近期做的项目中,用的是mint-ui里面的组件,在模拟器上一切都很好,但是后期测试测的时候发现ios8和小米某些系列打开后页面是空白的,首先考虑的肯定是兼容性问题,因为其他手机上显示的是正常的。没有用flex布局,...
  • 怎么解决这个问题呢?于是我在网上查了一下,是这样说的—keyup在ios手机原生的输入法是不支持的,但是在ios端第三方的输入法搜狗输入法是支持的,为了兼容性,不能使用keyup事件。那怎么办呢?有两种解决方...
  • 寻求解决方案: 个人觉得可能是视频加载慢导致手机端浏览器卡死(都说html5兼容性好,性能好,可我这怎么不是这样) 请问有什么办法解决么?有方法通过设置视频下载完再播放或调用本地播放器的方式都可以。
  • 因此不必担心兼容性问题。引入模块后,vConsole会有一小段时间用于初始化工作,在渲染出面板HTML之前将无法立即打印log。因此,若要在引入模块后立即打印log,应使用vConsole.ready()方法:vConsole.ready(function...
  • 小白用Android stdio 3.0版本写了一个小APP,出现了一些问题: 1.app在虚拟机上运行得好好的,放在真机上运行有时候会出现闪退的情况,不是一打开就闪退,打开运行几次才会出现闪退...小白不知道兼容性问题怎么解决...
  • 面试小结(三)

    2018-06-03 22:08:18
    1、项目中使用的技术栈,遇到的问题解决办法;2、这个是我的项目中的问题:Rax中banner图,使用插件还是...6、手机兼容:弹性盒子,安卓手机不支持,这个问题遇到过吗; 参考:oppo,vivo,弹性盒子会错乱; 7、re...
  • 由于开源三方定制系统较多,请大家详细描述场景、机型及解决方案,方便其他朋友参考[问答]-Android开发中有哪些兼容性问题?都是怎么解决的? [问答] 你在工作中遇到的最复杂的问题或者bug是什么?你是怎么搞定的? ...
  • webpack打包 ...vue-loader如何解决css兼容性问题前缀 vue-router 中文学习文档 浏览器插件 网页开发注意点 webpack打包 怎么设置 用来做什么的 如何理解下面代码 /**app.vue*/ import goods from './com
  • 安卓手机兼容性问题,可通过自行设置计时器来解决,更多可以参考 issue #18 function (e) { console.log('e', e) } x 非必须,二维码绘制的 x 轴起始位置,默认值0,v1.0.0+版本支持 100 y 非必须,二维码绘制...
  • 去哪网前端(已拿offer)

    千次阅读 2018-05-05 20:06:39
    最强手机兼容性解决方案 缓存(我说了四种,表示还有一个cache-control???) mvvm框架 手写jsonp 混合应用都知道哪些 跨域都有什么,怎么实现的 30位大数相加(优化) webpack原理 js性能优化相关 还有个...
  • 我们将使用到尽可能少的media queries和流动式设计来取得最大的兼容性。 Media Queries:只能解决一半的问题 曾经有一段时间media queries足够解决iOS和Android的邮件应用中响应式分布的问题,因为这两者都支持media...
  • mac的safari浏览器调试h5

    千次阅读 2019-03-05 10:27:00
    在h5开发移动端时,...明明没有bug呀,难道又是兼容性问题?头疼,到底是什么原因呢。 这个时候加入你在mac的Safari 浏览器上稍加调试,问题就出现了,我们可以清晰的看到错误原因和报错信息。ok,那就解决问...

空空如也

空空如也

1 2 3
收藏数 45
精华内容 18
关键字:

手机兼容性问题怎么解决