Ionic 项目调试工具
来源:互联网 发布:datediff mysql 编辑:程序博客网 时间:2024/06/05 15:25
Android 其它调试工具见:http://blog.csdn.net/ioniconline/article/details/50162685
转自:http://www.ionic-china.com/doc/ionic-debug.html#Safari
基本调试 (Chrome Developer)
F12/更多工具-开发者工具
最常用的调试方式建议配合Cordova Mocks/Batarang插件
工具下载:
远程调试 (Remote Debugging)
Chrome自带的远程调试WebView
必备条件
1.Android 4.4+ 已上
2.尝试ping appspot.com不通则需要"翻墙"
2.手机开启USB调试(开发者模式)
手机数据线连接电脑
Google Chrome打开
chrome://inspect/#devices
或更多工具 – 检查设备
手机运行ionic项目(Debug编译)
找到我们的项目点击
inspect
点击Screencast图标,可以开启Screencast视图
插件数据模拟 (Cordova Mocks)
因为浏览器没有硬件接口所以当我们调用ngCordova插件后在浏览器调试将出现如下错误
安装插件后
Cordova Mocks支持的插件
- Barcode Scanner
- Camera
- Contacts
- Device Motion
- Device Orientation
- Device
- Dialogs
- File
- Flashlight
- Geolocation
- Globalization
- Network Information
- Vibration
Angularjs调试插件 (Batarang)
安装后显示在开发者工具最后标签
模版Scope
性能
依赖关系
元素属性
移动端预览 (PhoneGap)
使用PhoneGap我们可以在
ios/android
上快速预览我们的项目(PhoneGap支持部分插件)注意:PhoneGap不能识别中文项目名
ios/android
连接wifi 输入ip:端口 点"连接"即可Xcode
编辑中..
Safari
编辑中..
阅读全文
0 0
- Ionic 项目调试工具
- 前端调试工具(ionic)
- ionic集成Crosswalk以及调试ionic项目
- ionic 项目目录及开发工具介绍
- 使用命令行工具构建ionic项目
- ionic项目在ios调试时http请求报错
- ionic调试方法总结
- ionic 的错误信息调试
- ionic调试方式
- ionic 手机调试
- ionic 联网工具 HttpHelper
- Ionic 介绍、安装、配置、项目不同平台编译、DeBug调试经验总结
- Ionic-Android平台项目调试时出错:The connection to the server was unsuccessful
- 第一个Ionic项目
- ionic 项目分享【转】
- Ionic构建项目命令
- Ionic项目代码混淆
- IONIC 项目开发
- 图像的插值算法之最近邻插值
- android面试题
- Jekins之——自动构建部署java maven项目(jdk1.7+tomcat7.0+jenkins2.19.3)
- centos忘记密码的解决方法
- Retrofit源码解析(一)
- Ionic 项目调试工具
- Java中的重写和重载区别
- LeetCode.385 Mini Parser
- Zookeeper集群的安装与配置
- 反射
- iOS页面消息角标展示数字
- 知识付费市场巨大,拿什么内容付费工具去实现知识变现?
- PULPino在zedboard上的下载、测试
- Ecplise安装FindBugs插件