1.ionic 调试
ionic 在手机上调试时可用 ionic cordova run android -lc 命令来 build apk, build的apk 安装在手机上之后,chrome浏览器打开 chrome://inspect/#devices 网址。 remote Target 下会出现当前的 页面。点击进入 source 下可调试 ts文件。
2.常用命令:
ionic cordova run android 在android平台上运行
ionic cordova prepare android
ionic cordova build android
ionic cordova platform update 更新平台
3.开发时遇到的问题:
1: 在开发模式中(ionic cordova run android -lc)出现 Cordova is not available. Make sure to include cordova.js or run in a device/simulator (running in emulator)
You need go to node_modules/@ionic/app-scripts/dist/dev-server/serve-config.js
and replace
exports.ANDROID_PLATFORM_PATH = path.join('platforms', 'android', 'assets', 'www');
to
exports.ANDROID_PLATFORM_PATH = path.join('platforms', 'android', 'app', 'src', 'main', 'assets', 'www');
2 :ion-tabs 是 没有返回 导航按钮的。
3:设置 app背景页透明: 在app.scss中 添加:
ion-app { background-color: transparent !important; background: transparent !important; }
4:设置 ion-list 无滚动条 : 在app.scss中 添加:
::-webkit-scrollbar { display: none !important; }
5:给PopoverController 弹出的页面自定义样式
.popOver-style .popover-content { background-color: #51514e; border-radius: 8px; opacity: 0.8; }
6:设置网络请求超时时间(30秒)。
import 'rxjs/add/operator/timeout';
this.http.get(url, options).timeout(30000);
this.http.post(url, body, options).timeout(30000);
当出现timeout is not a function 时。没添加 import 'rxjs/add/operator/timeout' 当引用 rxjs 的操作符时需要自己手动import.