Hybrid app 浏览器跨域插件安装,以及网页调试技巧。
来源:互联网 发布:sdn网络控制器 编辑:程序博客网 时间:2024/06/05 14:19
浏览器插件安装
一、跨域插件
(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。
- Hybrid app 浏览器跨域插件安装,以及网页调试技巧。
- 【cordova】hybrid app调试(同样适用于移动端浏览器或webview)
- 如何调试手机上的网页以及基于Cordova/Phonegap的Hybrid应用
- 使用谷歌浏览器调试PC网页、手机APP
- 多进程浏览器下ActiveX插件调试技巧
- hybrid app
- Hybrid App
- Hybrid APP
- hybrid app
- hybrid app
- Hybrid App
- Hybrid App
- Hybrid APP
- Hybrid App
- google浏览器调试网页
- 使用浏览器网页调试
- Hybrid App如何实现网页语言与程序语言的混合
- 浏览器前端调试技巧
- 第4章 变量、作用域和内存问题(2)执行环境及作用域
- 获取wifi的ip,子网掩码,网关,dns之类的信息
- JAVA新手项目-图片查看
- 自助机安卓主板系列-RK3288 Android4.4 如何获取 root权限
- 欢迎使用CSDN-markdown编辑器
- Hybrid app 浏览器跨域插件安装,以及网页调试技巧。
- 在PostgreSQL中如何生成线性相关的测试数据
- 多线程
- 在socket中使用域名
- 源码安装mysql-5.5.52(centos6.8minimal)
- PhotoView 图片浏览缩放控件
- Python use Selenium to control the webdriver
- C# 委托 从不是创建控件“richTextBox1”的线程访问它。解决方案,利用委托
- MySQL运维(3) 用户管理