Hybrid app 浏览器跨域插件安装，以及网页调试技巧。

浏览器插件安装
一、跨域插件
(1)在google浏览器中点击

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?utm_source=chrome-app-launcher-info-dialog

(2)到chrome网上应用商店上搜索Allow-Control-Allow-Origin进行下载

二、允许cordova代码的运行插件
(1)在google浏览器中点击

https://chrome.google.com/webstore/detail/cordova-mocks/iigcccneenmnplhhfhaeahiofeeeifpn?utm_source=chrome-app-launcher-info-dialog

(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。