ionic 调试

ionic 调试时如果是非调用原生插件外,都可以直接用浏览器调试,极为方便。我非常推荐使用 chrome 来开发 ionic,原因是 chrome 的不管 android 还是 ios 都是相同的内核,同样得到的是比较接近真机效果。因此这里只对真机环境的调试做描述。

Android

首先我们通过 chrome 访问: chrome://inspect/#devices

chrome_devices_not_mobile

当我们通过USB和手机相连后需要确认以下几个事:

  • 确保PC机已经安装好android驱动
  • 开启手机开发者选项
  • 开启手机USB调试
  • 选择调试应用处选择要调试的APP

当我们再回到 chrome 后,就可看到我们要调试APP信息了。

chrome_devices_inline

点击 inspect 就可以进入调试状态了。

chrome_devices_inspect

怎么样,当你看到这个页面后就不需要我多说了。

IOS

其实和android大同小异,只不过我写文章时手头没有工具,暂时先放一放,也可参考这里

Ionic View

他是 ionic 提供的一个演示工具,为什么也把他写在这里呢,是因为大部分只要在PC调试没有问题的,一般在真机上都不会有什么差别,而 Ionic View 是一个可以让我们快速构建好的APP;但未发布的;而又可以给方便客户演示真实效果的工具。

首先需要访问 https://apps.ionic.io/apps 来创建一个账号。

接着通过指令将项目上传:ionic upload 会提示你账号和密码。

最后在 Apple Store 或 Google Store 里检索: ionic view,安装后。

同样登录后可以看到已经上传的APP,先下载再查看。就可以非常方便的看到实际效果。

2 Comments

  1. 调用原生插件的话在原生插件端如何调试?

    • asdf

      2016年3月22日 at 22:45

      原生插件自然是按原生的调试方式,ionic提供的一些原生插件应该相对于是安全的。

发表评论

Your email address will not be published.

*

© 2017 卡片机色彩 沪ICP备13032872号-3

Theme by cipchk

to top