APICloud和海马玩模拟器结合调试手机页面

海马玩模拟器——搭建React Native环境

Visual Studio Emulator for Android 模拟器国内这网络环境不太用,所以使用海马玩模拟器,给大家推荐一下! 下面开始配置环境: 1)下载1.8+JDK,配置JDK环境参考 http://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html 2)下载Android Studio 配置Android SDK环境,SDK的platform-tools.tools两个子目录加入系统PATH环境变量 C:\Users\…

使用fiddler4做代理调试手机页面

由于一般手机不能改host,手机页面如果涉及到各个域名ip的混合使用,在手机上调试看效果非常麻烦. 使用fiddler4做代理,手机跟电脑连到同一个局域网,手机上网通过电脑做个代理上网,那么一切请求就相当于自己电脑上发出去的了. 不必修改host映射了,很方便的哦. 调试手机页面还有个工具叫:weinre,这个工具是在要调试的手机页面里面加载一个js,电脑开启一个weinre服务,通过google的控制台来调试手机页面. weinre调试参考博客:http://www.cnblogs.com/z…

【前端调试手机页面】分享一款便捷的调试工具--spy-debugger

spy-debugger : 微信调试,各种WebView样式调试.手机浏览器的页面真机调试.便捷的远程调试手机页面.抓包工具,支持:HTTP/HTTPS,无需USB连接设备. github地址:https://github.com/wuchangming/spy-debugger 特性 1.页面调试+抓包 2.操作简单,无需USB连接设备 3.支持HTTPS. 4.spy-debugger内部集成了weinre.node-mitmproxy.AnyPr…

通过chrome浏览器调试手机页面(IOS和Android)

开发PC页面的时候使用chrome浏览器的开发者工具,可以很容易的捕获到页面的dom元素,并且可以修改样式,方便调试,但是手机上却很麻烦,因为手机上没有办法直接打开开发者工具查看元素.其实可以通过将设备连接到PC,使用PC的开发者工具检测一.针对android设备 1.在android设备上开始开发者模式 2.将设备连接到PC,在chrome浏览器地址栏输入:chrome://inspect/#devices 3.在手机上打开网页的时候,chrome就会检测到网页,可以直接调试二.针对IOS…

Hbuild - 使用海马玩模拟器调试

http://ask.dcloud.net.cn/question/13605 通过海马玩CMD(Droid4X_Settings_Tools_v1.1.5.bat) 设置模拟器的端口 26944 然后: 1.打开cmd命令2.命令行里进入HBuilder\tools的目录3.执行 adb connect 127.0.0.1:26944 26944为海马玩的模拟器端口(多试几次)4.执行adb devices 查看是否已经链接 …

Weinre(pc调试手机页面)

Weinre是一款基于Web Inspector(Webkit)的远程调试工具,借助于网络,可以在PC上直接调试运行在移动设备上的远程页面,中文意思是远程Web检查器,有了Weinre,在PC上可以即时修改目标网页的HTML/CSS/Javascript,调试过程可实时显示移动设备上页面的预览效果,并同步显示设备页面的错误和警告信息,可以查看网络资源的信息,不过weinre不支持断点调试.该项目目前是 Apache Cordova 的一部分. Weinre系统…

UC浏览器开发者版调试手机页面

1 关于RI 目前,在手机上使用浏览器访问网页,无法便捷地进行网页语言调试.手机屏幕相对较小且操作不便,直接在手机上进行网页数据调试不太现实. 因此,我们使用技术将手机网页调试信息分离,实现一种能在大屏幕.高配置PC上来调试小屏幕.低配置的手机浏览器访问的网页的开发工具——RemoteInspector(简称RI). 1.1主要功能 Android平台UC浏览器开发者版,主要支持以下功能: DOM查看和修改 JavaScript调试.CSS调试网络状态查看资源文件查看 Console控制台…

使用weinre调试手机页面

阅读目录介绍Weinre 安装Weinre 通过Weinre调试页面启动target 介绍Weinre Weinre(Web Inspector Remote),是一种远程调试工具.功能与Firebug及chrome调试器类似,可以帮助我们即时更改页面元素.样式,调试JS等. weinre由三部分组成 1. debug server 核心组件,运行在服务端,负责与另外两部分通信. 2.debug client webkit核浏览器,与debug server通信.展现调试界面,允许你修改do…

Chrome调试手机页面

新开发的网页需要在手机或是模拟机上运行测试,如果手头事件比加紧,那么可以借助 Chrome提供的手机网页预览程序进行简单调试.查看制作的网页是否能够适合各种手机型号使用. 下面所以下如何使用Chrome调试多类型手机网页. 首先下载Chrome 浏览器. 在你要调试的网页或是本地页面中.按F12 打开调试器. 工具/原料 Chrome浏览器方法/步骤打开仿真面板.如图所示: 可以在 Device 选择设备. 可以在Screen 设置模拟的屏幕方面的东西,设置分辨率,屏幕尺寸.…

【Win10 应用开发】解决VS 2015 RC不能调试手机应用的问题

VS2015 RC已发布,当然这个版本还不能用于实际生产中,如果你没有测试环境,就等正式版出来,RC都来了,RTM就不远了. 如果你也像老周一样,已经在耍RC版了,你可能会遇到下面问题: 安装Win 10 SDK后,在手机模拟器上调试应用程序时会失败,错误如下: 狄胖胖经常跟元芳说,解决问题一定要顺藤摸瓜,抽丝剥茧.那么咱们就看看错误信息,既然说是找不到这个文件,那我们就打开这个目录,看看里面有什么. 打开以下目录: C:\Program Files (x86)\Common Files\Mic…

如何用 fiddler 代理调试本地手机页面

最近在做移动端的页面,但是移动端的调试很蛋疼.虽然说 90% 的功能都能用 chrome 下的模拟器来模拟解决,但是剩余的 10% 却只能在真机上调试.比如说一两个像素的误差,比如说只有真机上才能重现的一些 bug(可能是因为 pc 机反应太快无法重现,可能是因为 chrome 下的 touch 跟移动真机的 touch 还有很大差别,等).之后请教了下测试妹子,学习了下用 fiddler 代理调试本地页面,实在是爽歪歪!! 1.安装 fiddler 很显然第一步要安装 fiddler 代理,我…

绕过限制，在PC上调试微信手机页面

场景假设一个手机页面,开发者对其做了限制,导致只能在微信客户端中打开.而众所周知手机上非常不利于调试页面,所以需要能在电脑上打开并进行调试.这里针对常见的三种页面做一下分析,一一绕过其限制,(当然不要拿去干坏事) 工具准备方便调试的浏览器.个人喜欢Chrome,本文基于Chrome 43.0.2357.130 (正式版本) m (32 位)环境. 抓包工具,推荐fiddler4,当然你比较喜欢Wireshark的话也可以,反正只要是能抓到cookies就都可以能编辑cookies的浏览器插…

在PC上调试微信手机页面的三种方法

场景假设一个手机页面,开发者对其做了限制,导致只能在微信客户端中打开.而众所周知手机上非常不利于调试页面,所以需要能在电脑上打开并进行调试.这里针对常见的三种页面做一下分析,一一绕过其限制,(当然不要拿去干坏事) 工具准备 ‍‍‍‍1.方便调试的浏览器.个人喜欢Chrome,本文基于Chrome 43.0.2357.130 (正式版本) m (32 位)环境: 2.抓包工具,推荐fiddler4,当然你比较喜欢Wireshark的话也可以,反正只要是能抓到cookies就都可以: 3.能编辑c…

如何调试手机上的网页以及基于Cordova/Phonegap的Hybrid应用

开发手机页面以及Hybird应用时,调试曾经是个老大难问题,不时需要用写log等方式曲线救国. 实际上,Chrome和Android(需要4.4+版本)已经提供了不亚于电脑版本的调试功能,只是看样子还有好多人不知道,所以写下来分享给各位.本文遵循CC协议,欢迎转发,但请注明作者和出处(http://ngnice.com/posts/659f97a6f06c90 ). 操作分成电脑和手机(或模拟器)两个部分,操作流程如下: 在手机上打开"设置|开发者选项 | USB调试".对于低版本的a…

利用chorme调试手机网页

太方便了,很实用的技巧(特意记录一下) 1.pc端安装最新的chrome 2.手机端安装最新的chrome ( Android机 ) 3.USB连接线 4.打开电脑的chrome 在地址栏输入 chrome://inspect 选中 Discover USB devices 可以检测到你的设备可以看到监测到我的设备是C6603 #YT9108PMBJ 5.打开手机上的chrome,访问你需要调试的网站:这时pc上的chorme会出现你访问的网址的记录,如下图 6.点击上图访问链接下面的insp…

用Opera Mobile调试手机版网页【转】

注意:新版本的opera已经采用webkit内核,没有dragonfly了. 要下载12版的http://get.geo.opera.com/pub/opera/win/1216/int/Opera_1216_int_Setup.exe 用Opera Mobile调试手机版网页发表于 2011-07-19 调试代码是每个程序开发者必须熟练掌握的技能,前端开发也不例外.只要你的浏览器不是太陈旧,按下F12就能看到各种调试控制台.这里不打算讲具体项目中如何调试代码,而是介绍下如何在Opera桌面版…

使用weinre通过PC浏览器调试手机网页

Weinre是什么? Weinre代表Web Inspector Remote,是一种远程调试工具.举个例子,在电脑上可以即时的更改手机上对应网页的页面元素.样式表, 或是查看Javascript变量,同时还可以看到手机上页面的错误和警告信息. Weinre作为一种远程调试工具,在结构上分为三层: 目标页面(target):被调试的页面,页面已嵌入weinre的远程js,下文会介绍: Debug客户端(client):本地的Web Inspector调试客户端: Debug服务端(agent):…

C#学习日志 day 5 ------ windows phone 8.1真机调试手机应用

在vs2013中,可以写windows phone 8.1的程序,但是调试时需要用到windows自带的虚拟机hyper-V 正版的系统开启hyper—V的时候不会有问题,但是盗版的系统可能导致系统不稳定,甚至崩溃,而我正好有windows phone8.1的手机,所以我在考虑用真机调试手机程序. 问过老师,老师告诉我要用remote debugger 这个插件,但是我在几次尝试之后并没有成功. 后来我发现了vs2013提供了windows phone8.1开发的SDK,所以我就试着装了一下,经…

局域网使用visual studio配合iis调试手机app

描述:开发一款手机应用程序,服务器配置在iis,当局域网中即只有路由器无外网如何设置实时调试手机应用程序? vs配合iis调试程序的两种方式? 使用vs的debug(f5)调试网站比较常见,然而当网站比较大,无法整体编译通过或者只需调试某个部分,可以只选择加载需要的项目到vs中通过配置iis及vs调试选项调试项目,且使用iis来调试可以确保开发环境的真实性. 1)附加到进程w3wp.exe的方式来调试网站和应用程序,前提需在iis中新建虚拟目录或网站把需要调试的网站配置到iis中: 单击工具栏中…

Fiddler4工具配置及调试手机和PC端浏览器

Fiddler最大的用处: 模拟请求.修改请求.手机应用调试 Fiddler最新版本下载地址: http://www.telerik.com/download/fiddler Fiddler 想要监听https,还需要相应的设置才行依次选中tool->fiddler option->https 正常情况下就ok了打开网页:http://localhost:8888/ 点击 You can download the FiddlerRoot certificate 安装证书完成也有可能会出…

web端调试手机混合应用中的h5部分（chrome浏览器的devtool使用）

Learning Hybird App Test–Appium Java(Leyden) 浏览器的远程调试工具,使得我们可以通过PC上开启的控制台,调试手机浏览器中正在运行的代码.运行于 Android 4+系统的Chrome for Android 同样也可以配合ADB(Android Debug Bridge)实现桌面远程调试.桌面版Chrome32+已经支持免安装ADB即可实现远程调试移动设备页面/WebView . Android远程调试目前支持所有操作系统,并且支持以下: ● 调试站点…