文档章节

Mac下ionic调试

java_speed
 java_speed
发布于 2015/09/11 10:32
字数 351
阅读 4352
收藏 3
点赞 1
评论 1
简单的样式调节可以直接通过
ionic serve

然后访问浏览器的方式进行调节。但是,添加一些插件如摄像头、位置这些不好通过模拟的插件时,这个时候真机调试就显得非常重要了。

iOS设备

1、启用设备调试

在iOS设备(iPhone、iPad),请启用Web检查器

设置
   | Safari
   |        | 高级
   |        |      |Web检查器



在Mac设备中,启用Safari的“开发”。在偏好设置 》高级 》在菜单栏显示“开发”菜单。

2、载入App到设备

iOS需要开发者证书(没有就淘宝买一个,大概10块),然后编译APP,并通过xcode导入到iOS设备中(证书怎么配置,请自行Google)

ionic build ios #编译



3、调试

xcode导入会自动运行APP,这时打开Safari的“开发”,就可以看到如下界面:

点击index.html就可以调试了,附上界面:

4、高级调试

上面的方式调试有个严重的不足,就是在本机修改没法及时看到效果(需要重复build、cmd+R操作)。

通过模拟的方式build:

ionic emulate ios -c -l



然后在xcode导入APP(cmd+R),这时奇迹发生了,修改你的js、html,都可以及时看到修改后的效果。


Have Fun!欢迎跟帖交流。

© 著作权归作者所有

共有 人打赏支持
java_speed
粉丝 110
博文 44
码字总数 17031
作品 1
成都
程序员
加载中

评论(1)

小贩卖菜
这个高级调试好像不是太清楚,能否详细介绍一下呢
(2)ionic2--初体验

所有这一切都是在node环境下完成的,所有你需要先安装node,百度google,哪个喜欢用哪个 安装ionic2 因为还没有发布,现在的版本叫做alpha,这个版本的ionic有好多新特性,最刺激的是它完全集成了m...

boogoogle
2015/12/01
1K
0
Ionic Mac 环境配置

Ionic Mac 环境配置 · 安装cordova之前要安装nodejs 会包含npm安装(npm是个包管理器),到官网下载https://nodejs.org/en/download/ 是个pkg包下载之后双击下载包运行然后 step by step,o...

anziguoer
2016/03/10
809
0
Mobile first! Wijmo 5 + Ionic Framework之:Hello Wor

本教程中,我们用Wijmo 5 和 Ionic Framework实现一个Mobile的工程:Hello World。 Ionic是什么? Ionic是一个HTML5框架、免费、开源,用于帮助生成hybird mobile Apps (混合移动应用)。 Ioni...

葡萄城控件技术团队
2014/10/28
0
2
Hongfei Dong/ioniclub

Ioniclub App http://ionichina.com Ionichina社区客户端,采用Ionic Framework开发 快速开始 1. 首先安装ionic $ sudo npm install -g cordova ionic 2. 项目Clone到本地 $ git clone http......

Hongfei Dong
2015/05/31
0
0
从无到有写一个运维APP(一)

前言(废话):由于本人没有系统的学过JS或者安卓开发,甚至不是计算机专业出身(所以移动开发轻喷),做这个APP也是临时起意,花了一两天发现做一个基于HTML5的APP倒不是很难,所以也就有了这篇文...

youerning
2016/01/15
0
0
构建Hybrid应用-构建ionic开发环境

在ionic的文档上,安装环境介绍: 安装ionic/Install Ionic 首先您需要安装 Node.js. 其次, 安装最新版本的cordova 和 ionic command-line tools. 通过参考Android 和 iOS 官方文档来安装. 提...

我家有宝
2015/11/19
0
0
土狗的小抄本 -- 从0开始搭建IONIC2 开发环境

阅读对象 英文不是那么好的同学 计划使用或者尝试 IONIC2 框架,但是还从来没有搭建过环境的同学 学习如何实用IONIC2 打包android apk的同学 也欢迎来‘温习’的同学 英文好的同学,建议查看...

土狗
2016/12/22
54
0
cordova plugin 安装插件失败

cordova plugin add com.ionic.keyboard 我使用这个命令安装插件,(mac下面),之前没用过mac,包 installing "com.ionic.keyboard" for andorid failed to install "com.ionic.keyboard" E......

kkk我爱
2015/05/04
3K
1
How to connect an Ionic Angular application to AWS

TL;DR Since Ionic is powered by Angular, this will hold true for any Angular application, and you will be able to use this knowledge in any Angular web application with minimal ......

Nikola Breznjak
2017/12/26
0
0
mac下 搭建Cordova+ionic+AngularJs开发环境

一、下载安装node.js 下载node.js for mac https://nodejs.org/ 一路点击 next 二、安装cordova和ionic sudo npm install -g cordova ionic 三、创建项目 ionic start ionApp blank 四、打包......

moxun
2015/08/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

NNS拍卖合约

前言 关于NNS的介绍,这里就不多做描述,相关的信息可以查看NNS的白皮书http://doc.neons.name/zh_CN/latest/nns_background.html。 首先nns中使用的竞价货币是sgas,关于sgas介绍可以戳htt...

红烧飞鱼
14分钟前
0
0
从MySQL全备文件中恢复单个库或者单个表

从MySQL全备文件中恢复单个库或者单个表 提取建库语句 sed -n '/^-- Current Database: db_cms/,/^-- Current Database: `/p' backup.sql > db_cms.sql & 提取ddl sed -e'/./{H;$!d;}' -e ......

yysue
45分钟前
0
0
Java IO类库之管道流PipeInputStream与PipeOutputStream

一、java管道流介绍 在java多线程通信中管道通信是一种重要的通信方式,在java中我们通过配套使用管道输出流PipedOutputStream和管道输入流PipedInputStream完成线程间通信。多线程管道通信的...

老韭菜
55分钟前
0
0
用Python绘制红楼梦词云图,竟然发现了这个!

Python在数据分析中越来越受欢迎,已经达到了统计学家对R的喜爱程度,Python的拥护者们当然不会落后于R,开发了一个个好玩的数据分析工具,下面我们来看看如何使用Python,来读红楼梦,绘制小...

猫咪编程
今天
0
0
Java中 发出请求获取别人的数据(阿里云 查询IP归属地)

1.效果 调用阿里云的接口 去定位IP地址 2. 代码 /** * 1. Java中远程调用方法 * http://localhost:8080/mavenssm20180519/invokingUrl.action * @Title: invokingUrl * @Description: * @ret......

Lucky_Me
今天
1
0
protobuf学习笔记

相关文档 Protocol buffers(protobuf)入门简介及性能分析 Protobuf学习 - 入门

OSC_fly
昨天
0
0
Mybaties入门介绍

Mybaties和Hibernate是我们在Java开发中应用的比较多的两个ORM框架。当然,目前Mybaties正在慢慢取代Hibernate,这是因为相比较Hibernate而言Mybaties性能更好,响应更快,更加灵活。我们在开...

王子城
昨天
2
0
编程学习笔记之python深入之装饰器案例及说明文档[图]

编程学习笔记之python深入之装饰器案例及说明文档[图] 装饰器即在不对一个函数体进行任何修改,以及不改变整体的原本意思的情况下,增加函数功能的新函数,因为这个新函数对旧函数进行了装饰...

原创小博客
昨天
0
0
流利阅读笔记33-20180722待学习

黑暗中的生物:利用奇技淫巧快活生存 Daniel 2018-07-22 1.今日导读 如果让你在伸手不见五指的黑暗当中生存,你能熬过几天呢?而大千世界,无奇不有。在很多你不知道的角落,有些生物在完全黑...

aibinxiao
昨天
6
0
Hystrix降级逻辑中如何获取触发的异常

通过之前Spring Cloud系列教程中的《Spring Cloud构建微服务架构:服务容错保护(Hystrix服务降级)》一文,我们已经知道如何通过Hystrix来保护自己的服务不被外部依赖方拖垮的情况。但是实际...

程序猿DD
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部