浏览器插件安装
一、跨域插件
(1)在google浏览器中点击
(2)到chrome网上应用商店上搜索Allow-Control-Allow-Origin进行下载
二、允许cordova代码的运行插件
(1)在google浏览器中点击
(2)到chrome网上应用商店上搜索 Cordova Mocks 进行下载
三、格式化代码插件
到chrome网上应用商店上搜索JsonView,添加插件即可。
安装webstorm
一、查看快捷键
打开file->settings->keymap里面搜索快捷键,或者到help->keyMapReference里下载。
二、下载项目
填写Repository URL 询问管理员获取用户名和密码,从svn上下载需要的需要的移动项目。
一、启动服务
点击Terminal在项目下输入ionic serve,即可在谷歌浏览器中打开,使用快捷键F12 转换成手机调试模式。
一、调试技巧
chrome开发者工具介绍,学习网站:http://www.guokr.com/question/398829/
调试网页样式:
(1) 使用快捷键Ctrl+shift+C
(2) 在想要查看样式的地方,单击鼠标右键->选择检查,即可在Elements中查看,同时可以在styles中调试样式。或者直接点击如下位置->点击需要查看的地方即可。
如果是报下面这个错误,检查跨域开关是否打开
如果是报这个错误,需要联系后台人员,检查一下网址网络是否打开
最常用的是console控制台里面报错调试、以及Sources里面对应相应的templates下相应的js页面下断点调试。下面以user.service.js为例子,在请求链接返回数据的函数里面下两个端点,断点按钮从左至右依次是跳到下一个断点、执行函数的下一条语句。
观察数据的变化,一般数据通过URL返回来,通过将鼠标移至response.data观察数据返回值。
一般都是从service.js返回值回到controller.js中,下断点首先观察service.js的URL中deferred.resolve的值->在controller.js里面观察调用该service.then的第一个函数返回的值的result。