一,ios打包配置 1.状态栏重叠
第一次打包发现状态栏重叠,网上搜索的原生代码无效。最后通过在config.xml里设置实现。
<PReference name="StatusBarOverlaysWebView" value="false" />(重要) <preference name="StatusBarStyle" value="default" /> <preference name="StatusBarBackgroundColor" value="#72C147"/>第二次打包发现顶部好了.但是header下面有一段margin,找到ionic.CSS(9600+行) 全部注释。
/*.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) { height: 64px; }*//* .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper { margin-top: 19px !important; } .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * { margin-top: 20px; }*//*.platform-ios.platform-cordova:not(.fullscreen) .tabs-top > .tabs,.platform-ios.platform-cordova:not(.fullscreen) .tabs.tabs-top { top: 64px; }.platform-ios.platform-cordova:not(.fullscreen) .has-header,.platform-ios.platform-cordova:not(.fullscreen) .bar-subheader { top: 64px; }.platform-ios.platform-cordova:not(.fullscreen) .has-subheader { top: 108px; }.platform-ios.platform-cordova:not(.fullscreen) .has-header.has-tabs-top { top: 113px; }.platform-ios.platform-cordova:not(.fullscreen) .has-header.has-subheader.has-tabs-top { top: 157px; }*/2.隐藏启动页的加载图标 config.xml里面
<preference name="ShowSplashScreenSpinner" value="false"/>3.强制竖屏 config.xml里面
<preference name="orientation" value="portrait" />二。bug修复
1.ios input会出现blur时把顶部顶到不见的情况 一般情况下在 内加入 overflow-scroll=”false”可以解决。
2.yhh项目的Ajax的采用angular的$http封装,不再采用之前封装的jquery的ajax,但是传输方式有点变化,需要在app.js 的 config
$httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';$httpProvider.defaults.transformRequest = function(data){ if (data === undefined) { return data; }; return $.param(data); };封装时 $http设置
headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}。3.
4.android4.4以下webview的表现很差,于是集成crosswalk 直接安装插件:
cordova plugin add cordova-plugin-crosswalk-webview5.ios上无法格式化‘2005-01-12’的时间格式,需要替换成‘2005/01/12’的格式。
.replace(/-/g,"/"))6.轮播图更新后需要手动调用
$ionicSlideBoxDelegate.update();//更新$ionicSlideBoxDelegate.loop(true);//循环7.debug包可以连接电脑开启调试模式,要求系统>=4.4
谷歌浏览器输入:Chrome://inspect8.ios键盘挡住输入框。特别是底部单独有一个输入框的情况的解决方法 (http://blog.csdn.net/lovelyelfpop/article/details/52033045) ios 的配置 config.xml 加入以下配置
<preference name="KeyboardShrinksView" value="true" /> <preference name="DisableScrollingWhenKeyboardShrinksView" value="true" />新闻热点
疑难解答