文档章节

Mac下ionic调试

java_speed
 java_speed
发布于 2015/09/11 10:32
字数 351
阅读 4397
收藏 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
粉丝 112
博文 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

没有更多内容

加载失败,请刷新页面

加载更多

如何在 Linux 系统查询机器最近重启时间

在你的 Linux 或类 UNIX 系统中,你是如何查询系统上次重新启动的日期和时间?怎样显示系统关机的日期和时间? last 命令不仅可以按照时间从近到远的顺序列出该会话的特定用户、终端和主机名...

来来来来来
45分钟前
1
0
Redis协议是什么样的

前言 我们用过很多redis的客户端,有没有相过自己撸一个redis客户端? 其实很简单,基于socket,监听6379端口,解析数据就可以了。 redis协议 解析数据的过程主要依赖于redis的协议了。 我们...

春哥大魔王的博客
今天
2
0
乱入Linux界的我是如何学习的

欢迎来到建哥学Linux,咳!咳!咳!开个玩笑哈,我是一个IT男,IT界的入门选手,正在学习Linux。 在之前,一直想进军IT界,学习IT技术,但是苦于没有人指导,也不知道学什么,最开始我自己在...

linuxCool
今天
1
0
携程Apollo统一配置中心的搭建和使用(java)

一.Apollo配置中心介绍 1、What is Apollo 1.1 Apollo简介 Apollo(阿波罗)是携程框架部门研发的开源配置管理中心,能够集中化管理应用不同环境、不同集群的配置,配置修改后能够实时推送到...

morpheusWB
今天
2
0
远程获得的有趣的linux命令

使用这些工具从远程了解天气、阅读资料等。 我们即将结束为期 24 天的 Linux 命令行玩具日历。希望你有一直在看,如果没有,请回到开始,从头看过来。你会发现 Linux 终端有很多游戏、消遣和...

Linux就该这么学
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部