使用chrome浏览器和genymotion来调试ionic

最新推荐文章于 2019-10-18 15:32:15 发布

原创最新推荐文章于 2019-10-18 15:32:15 发布 · 3.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#chrome #android #调试

安卓同时被 2 个专栏收录

7 篇文章

订阅专栏

Genymotion

3 篇文章

订阅专栏

本文介绍了当使用chrome://inspect无法找到对应的安卓模拟器链接时的解决方案。通过使用ionicbrowseraddcrosswalk命令可以解决该问题，但会增加apk安装包大小约17M。若问题仍未解决，建议尝试更换模拟器中的Android版本。

碰到的问题：

输入chrome://inspect后，不出现对应安卓模拟器inspect link。

solve:  ionic browser add crosswalk

注意，这会增加apk安装包的大小，大约17M作用。


如果还不行，可以试一试更换模拟器中android的版本。

Ref：
http://ionicframework.com/docs/cli/browsers.html

http://blog.ionic.io/crosswalk-comes-to-ionic/

https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview#configure

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

医学影像处理

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Angular最新教程-第三节在谷歌浏览器中调试Angular

https://github.com/xiaohuoni

09-13

1万+

这节课，我们将要了解的是如何使用VS Code安装Chrome扩展对Angular进行调试。步骤一：确保环境确保将谷歌浏览器安装在其默认位置。确保在VS Code中安装了插件：Debugger for Chrome 使用npm在全局范围内安装了angular/cli （我们第一节课中就讲过这个了，你也可以在确认一下。Windows用户快捷键win+r ，输入 ng -v）使用angular

搭建移动端框架Ionic+Genymotion开发环境

宿命空间

06-16

4031

安装Ionic npm install -g cordova ionic 创建Ionic项目 ionic start app tabs #项目名称是app 添加Android平台进入项目app，执行命令： ionic platform add android 生成apk文件 ionic build android 在build的过程中，会下载gradle，如果在

参与评论您还未登录，请先登录后发表或查看评论

ionic 使用genymotion模拟器

医学影像学习笔记

08-15

2834

打开genymotion模拟器，启动其中一个虚拟手机设备。在Genymotion的安装位置打开Genymotion shell. ubuntu中位置在opt/genymobile/genymotion, ./genymotion-shell 打开输入devices list,得到其中一个虚拟设备的ip地址，假如为192.168.56.101 在终端输入adb connect

chrome调试ionic2 App

Kuyin328178972的博客

05-12

928

1.输入chrome://inspect 2.点击“inspect” 3.出现如下图的所示：备注：第一次打开时，页面打不开。需要“翻墙”，比如：小飞机。

Chrome浏览器使用Console调试(二)

zeromike

10-12

424

比较相似数据对象使用table()方法查看结构数据和比较数据对象 table()方法提供了一个简单的方式查看那些包含相似数据的对象和数组。当被调用的时候，该方法将提取一个对象的属性，并且将其建立一个Header。每一个属性就会按照索引在一行里输出。基本用法：打印一个数组对象在大多数form中，你需要的是一个数组，里面有大量相同属性的对象...

ionic2界面调试，浏览器，chrome

Robert Zhang

03-20

4734

一、使用浏览器帮助调试ionic生成的页面我们在开发ionic项目的时候，经常会出现，页面效果出错，没有达到预期的效果，包括元素的css属性等不满意的地方。我们就可以使用浏览器的调试功能来查看页面布局代码，并实时动态调整。我们开发原生Android的时候，可以动态的看到预览。同样的。在开发ionic应用的时候，我们都是使用浏览器来查看效果的。知识，浏览器给我们提供了一个非常

cordova Android 安卓 chrome 谷歌浏览器 真机调试 404 不能调试 ionic edge 调试最新教程

qingyuxx

10-18

1244

2020.01.03 新增方案：使用 microsoft edge 微软的edge浏览器最新/测试开发版 //（版本 80.0.361.9 (官方内部版本) dev (64 位) 此浏览器基于 Chromium 开源项目及其他开源软件。） https://www.microsoftedgeinsider.com 浏览器地址栏: edge://inspect/ 参考： 1.h...

load-ionic:调试时在浏览器中加载不同版本的Ionic

05-26

调试时在浏览器中加载不同版本的Ionic 安装方式 bower install --save load-ionic 将其放在您今天放置离子文件的主HTML中 < script src =" js/load-ionic.js " > </ script > < script > // ...

在移动设备或仿真器上调试Ionic Android应用程序

04-06

总结来说，调试Ionic Android应用涉及多个层面，包括使用模拟器或物理设备、Chrome开发者工具、Logcat以及性能分析工具。理解并熟练掌握这些工具将极大地提升你的开发效率，解决在实际运行环境中遇到的问题，确保...

Ionic安装打包调试.pdf

09-04

### Ionic安装打包调试知识点 ...以上步骤详细介绍了Ionic项目的环境搭建、编译打包、APK签名以及调试过程中的关键操作和技术细节。遵循这些指南可以帮助开发者顺利完成Ionic项目的开发和测试工作。

ionic4项目结合chrome在Android真机运行调试

yw00yw的博客

07-08

2226

1. 创建App ionic start myApp tabs 2. 添加平台给App添加目标平台，我们将会添加'ios'和'android'平台，并确保他们保存在了config.xml中 ionic cordova platform add ios --save ionic cordova platform add android --save 检查你当前平台设置状况： ionic...

使用chrome浏览器调试ionic APP

Chengliangyao的博客

10-20

4796

最近一直搞一个ionic1的app，但是发现gapdebug不能使用了，网上到了使用谷歌浏览器结合模拟器或者真机进行调试的办法。首先是运行app至模拟器或者真机，如果是真机用数据线保证和PC连接完好，然后通过谷歌浏览器打开inspect，直接访问chrome://inspect/#devices就行，然后选择你的项目，这时就会打开一个窗口显示你的项目，可以像调试网页一样进行调试了。

ionic调试方法总结

热门推荐

ioniconline的博客

12-03

1万+

您可自由转发此文，但请保留出处：Ionic在线学习网站 http://www.ioniconline.com 1. 使用ionic serve本地搭建环境(推荐) 在项目目录下(有www文件夹的目录)执行ionic serve,会显示localhost，在电脑浏览器中输入localhost即可打开调试界面，Firefox浏览器可以安装firebug来调试，chrome建议使用自带调试

Remote Debugging Chrome 结合Genymotion模拟器的移动端web真机调试

weixin_30751947的博客

06-07

269

尝试了好多方法，刚开始想用bluestacks调试手机页面，不过在打开chrome的时候，会黑屏，什么也看不了。最后又是更新android系统，又是卸掉bluestacks重新安装，怎么都不行。最后没办法弃用bluestacks，改用Genymotion。这样就可以在pc上模拟真机环境调试移动端样式了。以后打包成phonegap的话， ============================...

ionic-Android在线Google-chrome调试

你当像鸟飞往你的山~~

03-01

601

作者：LoveEmperor-王子様 1.运行指令：ionic cordova run android --device --livereload 2.chrome://inspect/#devices 直接输入在chrome浏览器地址栏上，出现调试设置

cordova以及模拟器安装配置

08-04

7069

// 传递参数不止一个,代表新建模块;空数组代表该模块不依赖其他模块 var createModule = angular.module(“myModule”, []);// 只有一个参数(模块名),代表获取模块 // 如果模块不存在,angular框架会抛异常 var getModule = angular.module(“myModule”);// true,都是同一个模块 alert(

genymotion 前端调试

weixin_33759269的博客

10-15

183

1. genymotion的安装见这里注： a. 要先装VirtualBox，再装genymotion b. VirtualBox不能太高，我装的是VirtualBox-4.1.40-101594-Win.exe， genymotion-2.5.2.exe c. 往genymotion中安装APK好方便，把.apk拖进去就行了 2. 使用fiddler抓包 genymotio...

ionic调试方式

固本培元的专栏

10-16

6058

注：本文是翻译而来，难免有错误之处，请大家多多批评指正，大家也可移步原文。死亡白屏（White Screen of Death）我想“死亡白屏”应该是不需要解释的，开发过ionic app的童鞋应该都有遇到过，这里解释以防读者没有听说过：“可能在浏览器中调试时一切正常，当你在真机或模拟器上测试时不正常，当app启动时只有空白的页面”。在我的开发中，死亡白屏经常是因为缺失了J

Ionic环境配置与项目打包调试指南

调试可能涉及到使用模拟器、真机调试或远程调试工具，如Chrome的开发者工具配合`ionic serve`命令进行。这份文档提供了一个完整的 Ionic 开发环境搭建指南，包括所有必要的软件安装和配置步骤，是开发者开始构建 ...