文档章节

Mac下ionic调试

java_speed
 java_speed
发布于 2015/09/11 10:32
字数 351
阅读 4372
收藏 3
简单的样式调节可以直接通过
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
构建Hybrid应用-构建ionic开发环境

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

我家有宝
2015/11/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

搬瓦工镜像站bwh1.net被DNS污染,国内打不开搬瓦工官网

今天下午(2018年10月17日),继搬瓦工主域名bandwagonhost.com被污染后,这个国内的镜像地址bwh1.net也被墙了。那么目前应该怎么访问搬瓦工官网呢? 消息来源:搬瓦工优惠网->搬瓦工镜像站b...

flyzy2005
28分钟前
1
0
SpringBoot自动配置

本篇介绍下,如何通过springboot的自动配置,将公司项目内的依赖jar,不需要扫描路径,依赖jar的情况下,就能将jar内配置了@configuration注解的类,创建到IOC里面 介绍下开发环境 JDK版本1.8 spr...

贺小五
今天
3
0
命令行新建Maven多项目

参考地址 # DgroupId 可以理解为包名# DartifactId 可以理解为项目名mvn archetype:generate -DgroupId=cn.modfun -DartifactId=scaffold -DarchetypeArtifactId=maven-archetype-quickst......

阿白
今天
1
0
OSChina 周四乱弹 —— 上帝对我单身年限的惩罚越来越长了

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @达尔文:分享张卫健的单曲《身体健康》 《身体健康》- 张卫健 手机党少年们想听歌,请使劲儿戳(这里) 昨天是重阳节咯, 可惜小小编辑总是晚...

小小编辑
今天
12
1
django rest framework 外键序列化方法与问题总结

django rest framework 外键序列化方法与问题总结 当借口中需要出现一对多关系的时候,我们可以用rest_framwork的序列化功能来处理,代码如下. # models.pyfrom django.db import modelscl...

_Change_
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部