请使用firefox,chrome等最新浏览器浏览本站。

前端开发规范-前端疑难bug集锦

css3 阿豹 431次浏览 0个评论 扫描二维码

H5

<meta name=”viewport” content=”width=device-width, height=device-height, initial-scale=1.0, user-scalable=no”>在ios8,ios8-版本的浏览器中,设置html高度100%,实际高度会大于100%

解决方式:不要声明height=device-height;
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

H5与webview交互

ios内存泄露

    ios使用wkwebview不要使用uiwebview, 每次打开webview都去从新加载网络资源,不要缓存数据。
    如果是app调用h5的js方法,将调用的回调放到webview的页面加载完成的事件中去调用。

webview倒计时,按home退出后,js会停止执行

    添加一个进入webview的回调,每次进入去重新初始化倒计时

node相关

安装依赖模块报错

   有时候通过npm安装依赖模块时,会报各种各样的错误,需要升级node,安装最新版node。

angular, ionic相关

js压缩后报错

  检测所有的模块注入。
  错误方式:
  .controller('TutorialCtrl', function($scope, $ionicHistory(){}})
 
  正确方式:
  .controller('TutorialCtrl', ["$scope", "$ionicHistory",function($scope, $ionicHistor(){}}])

js报错: Uncaught Error: [$injector:modulerr]

模块注入错误:
1.检测js文件引入是否正确
2.检测入口文件模块注入是否正确
3.检测注入模块是否被定义

喜欢 (11)or分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到