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

    xiaoxiao2021-03-25  17

    浏览器插件安装

    一、跨域插件

    (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.jsURLdeferred.resolve的值->controller.js里面观察调用该service.then的第一个函数返回的值的result

    转载请注明原文地址: https://ju.6miu.com/read-300229.html

    最新回复(0)