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

尝试了好多方法,刚开始想用bluestacks调试手机页面,不过在打开chrome的时候,会黑屏,什么也看不了。最后又是更新android系统,又是卸掉bluestacks重新安装,怎么都不行。最后没办法弃用bluestacks,改用Genymotion。

这样就可以在pc上模拟真机环境调试移动端样式了。以后打包成phonegap的话,

===========================================

1.按照Genymotion官网的步骤,安装Genymotion。

点击Genymotion,选中下面的,点击save,root开始

2.升级

安装后有很多apk文件安装不了,这是由于官方取消了with google apps字样的rom,导致安装app不兼容的解决。

解决办法:

要下载个升级包http://pan.baidu.com/s/1kT3cmzl

此升级包是4.3升级包,仅为安装了4.3系统的rom升级使用,其他版本(例如我叫mt电脑版的rom),无法安装。
升级包包含了google服务框架和arm库

直接将下载的升级包,拉到模拟器中,就会自动安装了。

若要正确使用拖拽功能,需要满足下面两个条件:
a)genymotion需要升级到2.0以上版本
b)正确配置ADB。

3.在Genymotion中安装chrome

4.在Genymotion中开启usb debug功能

要启用USB调试:
•在大多数设备上运行Android 3.2或以上,你可以找到下的选项 设置>应用程序>开发。

•在Android 4.0和更高版本,它是在“设置”>“开发人员选项。

•在Android 4.2和更高版本中,开发人员选项默认是隐藏的。为了使其可用,进入设置>关于手机和【Build number】点击七次。返回到前一个画面,就可以找到开发人员选项。

5.在pc端chrome浏览器中输入about:inspect

点击inspect,就可以查看debug手机web页面了。

最后就跳出

转载自: http://blog.csdn.net/ylh644894056/article/details/29029557

时间: 2024-10-13 10:48:21

Remote Debugging Chrome 结合Genymotion模拟器的移动端web真机调试(转)的相关文章

移动前端页面与Chrome的远程真机调试

一年不见,博客园都长草啦...... 前几日刚入手新手机小米5,系统真心流畅呀.为啥要买小米5呢,因为要提高生产力呀,好好玩移动前端开发呀哈哈哈 那么问题来了,要怎么调试手机上的前端页面呢? 很久很久以前,我的做法是:在PC上用Chrome移动模拟器调试好后,基本OK,再把相关文件传到手机上,在真机上测试以防特殊问题出现. 这个主要有两个缺点:一是传来传去的麻烦,数据量大的那就更麻烦了:二是只能显示地看着页面测试,不能做到真正的调试,测试出现问题了又得重新传. 现在,我的做法是:用PC端的Chr

真机调试之android手机+chrome

真机调试之android手机+chrome 虽然chrome上的移动设备模拟器很强大,但是在真机运行的时候,总会遇到一些小问题,这时就需要使用真机调试了. 第一步:准备一台android手机,并在手机上下载chrome浏览器,一根数据线. 第二步:进入设置-关于手机-版本号连续点击数次(会有提示),开发者选项就会显示,我们在打开即可. 第三步:打开手机上的chrome,并进入你要调试的网页. 第四步:新建一个tab,输入chrome://inspect/,进入调试页面.可以发现chrome检测到

学习使用Reveal连接模拟器和真机调试

学习使用Reveal连接模拟器和真机调试 Reveal是一个ios程序界面调试工具. (一)用终端创建文件,设置别名 首先打开Terminal(终端),输入vim~/.lldbinit创建一个名为.lldbinit的文件,然后将如下内容输入该文件中: command alias reveal_load_sim expr (void*)dlopen("/Applications/Reveal.app/Contents/SharedSupport- Libraries/libReveal.dylib

真机调试和用模拟器调试各有什么优缺点?

真机调试和用模拟器调试各有什么优缺点?这个问题是多数开发者尤其是初学者比较想了解的,关于真机调试和模拟器调试哪个更有优势,根据开发者的实践经验得出以下结论: 真机调试和用模拟器调试的优缺点: 1.真机调试更好,因为真机调试就是在我们平常使用的手机上操作,测试更准确;模拟器在某些方面往往达不到真机的真实水平. 2.真机调试更能清晰真实的反映出开发过程中出现的问题;而模拟器性能比较差,在模拟器上不一定能发现. 3.真机测试更能支持横竖屏都方便,有一些情况模拟机不行. 4.搞3D图形图像时候,真机支持

CocoaPods 引用第三方库导致的模拟器可以运行,但是真机不可以运行问题。

Most headache is not code issue, but compile problem 对于 iOS 的编译机制,暂时不是了解太多,不过,知识是一个积累的过程,以后会把编译方面以及第三方管理工具或者路径设置等等问题放在这里. 先上 stackoverflowe 链接 http://stackoverflow.com/questions/25298957/cocoapods-can-not-build-a-arm-file-of-type-a-ld-library-not-fou

解决xcode iOS真机调试正常,模拟器失败问题

今天早上遇到xcode的真机可以调试,但是模拟器却爆出一大堆错,提示错误是没有找到引用的代码文件,真机和模拟器的配置都是一样的, 准确来说,应该是除了指令以外,其他都死一样的配置,所以大概是指令配置上的出错的问题.所以我将所有指令从arm64改成armv7, Build Settings ->Vaild Architectures设置成armv7 Build Settings->Architectures设置成armv7 成功解决了!!

firfox 和 chrome 移动端Web开发页面调试

Firefox浏览: 1."Alt+t" 选择工具栏中的“工具”>Web开发者工具>查看器>点击红框所指的地方 或者 F12 [当然这个歌前提是你没有安装firebug] 或者 在页面中右键>查看元素>点击红框所指的地方 Chrome浏览器: 1. Ctrl+Shift+I 打开开发者工具  或者  F12>点击红框所指的位置

通过Chrome浏览器进行android调试/Remote Debugging on Android with Chrome

The way your web content behaves on mobile can be dramatically different from the desktop experience. Remote debugging with Chrome DevTools lets you debug live content on your Android device from your development machine. Remote debugging on Android

【android】在eclipse中查看genymotion模拟器的sd卡目录

如果用google自带模拟器或者真机调试时,sd卡目录是在/mnt/sdcard.这个相信大家都知道. 可是今天用genymotion调试时,发现根本打不开/mnt/sdcard这个目录,当时也没注意看其他信息,以为是adb.eclipse出了什么问题,重启它们后依然打不开,经过一番苦苦挣扎后,发现了一个重要的线索! 哦,原来和我完捉迷藏呢,它指向了另一个目录,接着找,发现: 晕,这孩子挺顽皮的,还是指向了其他目录: 终于找到了,真正的SD卡目录是在/mnt/shell/emulated/0/里