genymotion 前端调试

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抓包

genymotion中wifi设置proxy,代理服务器:10.0.3.2 端口:8888

fiddler设置见这里

3. 响应式调试见这里

时间: 2024-10-08 12:01:28

genymotion 前端调试的相关文章

前端调试利器---nproxy

前言:习惯了在windows环境中使用Fiddler的童鞋们,是不是感觉它的网络重定向功能很酷,Fiddler能按照你设置的规制捕获网络请求,再指向本地文件,如拦截你的js文件到本地,就能很快的调试线上环境(如后台环境,测试环境,预上线环境等).但是Fiddler的使用对于初学者来说还是稍有困难的,界面功能很多,导致新手无从下手.(我当初就是这样的),并且Fiddler虽然有Mac版本,但是问题很多,我试了好几次都不行. 正文:今天给大家介绍一款新的神器,nproxy.它能通吃windows,l

前端调试F12

前端调试F12 在前端代码调试中,F12是经常用到的,如下介绍一些简单操作 ①F12------->>得带图1,默认在查看器上面,这里将显示所有源码,当鼠标放在某个标签上时.页面上会选中当前鼠标选中的地方. ②样式编辑器---------->点击会得到整个页面的样式 ③查看器中点击某行,在右边会出现此行相关的样式(如图2),在这里我们可以进行调试,点击某个样式的值,如图是width的值292px,再可以用 上下方向键进行改变值,值一个一个的加减,观察图片在页面中的位置,直到我们满意为止.

前端调试各种收集

前端调试 前言 当我第一次知道这种东西,我也惊呆了,居然还有这种操作,实在强大到没朋友,从此爱上调试,按时下班 无数次通过调试解决问题的经验告诉我,调试绝对是开发者最应该掌握的重要技能之一.调试能帮助我们定位问题解决问题,每解决一个问题,经验值就往上涨.后面就可以考经验解决很多问题,并且能正确避开当年踩过的雷区,减少再犯次数,节省解决问题的时间,大大提高开发效率和编码水平.我想这应该是掌握调试技能的一个很重要意义,而不仅仅是为了解决问题 你是否遇到过以下情况: 按钮的点击事件不起作用,点击按钮没

前端调试入门

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由MarsBoy发表于云+社区专栏 1 控制台 这里的控制台特指PC端浏览器进入开发者模式之后新打开的操作界面.常见的控制台有Chrome的控制台,Firefox的firebug.这些都能帮助我们调试前端问题.本手册将以Chrome浏览器控制台为例进行讲解. 下图1为Chrome浏览器控制台,图2为Firefox控制台. 图1 Chrome浏览器控制台 图 2 Firefox浏览器控制台 1.1脚本执行 上图1中,点击tab3 进入

【转】手机web前端调试页面的几种方式

前言 PC端web页面调试比较容易,这里主要说几种移动端调试的方法,从简单到复杂.从模拟调试到远程调试,大概分为几部分: 1.Chrome DevTools(谷歌浏览器)的模拟手机调试 2.weinre(web inspector remote)远程调试工具 3.微信的“web开发者工具”,集成了Chrome DevTools和weinre,做的比较好 4.Chrome DevTools远程调试Android和iOS页面 5.Eruda——手机网页前端调试面板 阅读说明 本文不是小白文,需要一定

前端调试代码 chrom 和 火狐禁用缓存 Disabled cache

前端调试的时候经常遇到缓存问题, chrome : f12  ---> 找到 Disabled caceh 勾上 火狐: f12 找到 禁用缓存 原文地址:https://www.cnblogs.com/dafei4/p/11169071.html

10分钟学会前端调试利器——FireBug

概述 FireBug是一个用于网站前端开发的工具,它是FireFox浏览器的一个扩展插件.它可以用于调试JavaScript.查看DOM.分析CSS.监控网络流量以及进行Ajax交互等.它提供了几乎前端开发需要的全部功能.官方网站:www.getfirebug.com 如何获取Firebug? 因为它是Firefox浏览器的一个扩展插件,所以首先需要下载Firefox浏览器.读者可以访问www.mozilla.com下载并安装Firefox浏览器.安装完成后用它访问https://addons.

Web前端调试利器—FireBug使用方法推荐

概述 FireBug是一个用于网站前端开发的工具,它是FireFox浏览器的一个扩展插件.它可以用于调试JavaScript.查看DOM.分析CSS.监控网络流量以及进行Ajax交互等.它提供了几乎前端开发需要的全部功能.官方网站:www.getfirebug.com 如何获取Firebug? 因为它是Firefox浏览器的一个扩展插件,所以首先需要下载Firefox浏览器.读者可以访问www.mozilla.com下载并安装Firefox浏览器.安装完成后用它访问https://addons.

Eruda——手机网页前端调试面板

在日常的移动端开发时,一般都是试用chrome浏览器的移动端模式进行开发和调试,只有在chrome调试完成,没有问题了才会上到真机测试,移动端开发的一大问题就在于此, 各种品牌各种型号手机,手机中各种类型的浏览器APP........还好移动端的相对一致点,但是往往都会有一些各种各样的坑,这时候就蛋疼了,明明chrome调试工具中是正常的, 一到某个浏览器中就炸了,怎么办,又无法像在chrome中使用调试工具进行调试,只能通过alert()弹窗来调试,有什么办法可以像PC上那样清晰,可视化的调试