whistle移动端调试

2026-09-11

移动端调试神器 whistle

移动端h5页面嵌入的方式多种多样,普通的chrome真机调试功能有时就不能满足要求了. whistle通过设置wifi服务器代理的方式,可以抓包调试所有移动端请求的页面. whistle的github地址:https://github.com/avwo/whistle/blob/master/README-zh_CN.md. 总的来说,分成3步: 1. 启动代理服务器. 依托node,全局安装whistle,通过 whistle start 命令启动. 2. 浏览器设置代理服务器,用于显示抓包调

移动端调试Web页面

移动端调试Web页面虽然可以在PC下,通过开发者工具,模拟移动端,但是这样只能模拟页面样式,对于代码的执行情况是无法模拟的,所以在此结合实际调试经验,针对安卓与IOS设备,进行总结. IOS 安卓 IOS 软件准备 Node.js Scoop Remotedebug-ios-webkit-adapter 说明: Scoop是一款Windows下命令行包管理工具 Scoop安装完后,通过它下载 ios-webkit-debug-proxy 安装Node模块:remotedebug-ios-web

移动端调试利器 JSConsole 介绍

先看这篇文章 Web应用调试:现在是Weinre和JSConsole,最终会是WebKit的远程调试协议. 我们先不看未来,从此文可见,当下的移动端调试还是 Weinre 和 JSConsole 的天下.Weinre 我们在前面已经有所了解(详见移动端页面(css)调试之"weinre大法"),它主要是为了移动端 css 的调试,能兼容各种浏览器,支持 css 修改,且不用刷新就能在移动端看到效果.今天我们来了解下另一种利器 -- JSConsole. 移动端的调试最蛋疼的恐怕就是想

debuggap，移动端调试新方式

最近发现了一个移动端调试的新技能,这里简单描述一下基本情况. 移动端调试常遇到的问题手机访问只能看到页面的展现,除此之外看不到任何其他信息无法像调试PC页面那么方便的查看js.dom.network.cookie.storage等信息 js调试只能通过alert来提示了,当然经验丰富的开发者,会制作一个简单的调试信息展示页面,相当于控制台的功能. debuggap简介 run easily and debug powerfully 无需安装,就可以在windows.linux和mac上运行

CoCos2dx开发：PC端调试运行正常但打包apk文件后在手机上点击闪退

记:今天调试时出现的一个PC端调试运行正常,但打包apk文件后在手机上点击闪退的问题. 可能在不同的情况条件下,会有不同的原因导致apk安装后闪退问题.拿android studio等软件来说,开发安卓程序时会有日志log文件包含生成错误信息等,但是cocos2dx开发在命令行里编译apk,意外的错误缘由难以直面地展现给我们. 闪退的大致问题都殊途同归:资源的加载出现问题. 我今天出现这个问题之后,进行了一些尝试,在解决问题的过程当中,大致操作如下: 1.将Resources资源文件夹下的全部目

【工具】PC端调试手机端 Html 页面的工具

一.概述有一个项目需要在手机端显示一个 web 页面,而每次把应用 launch 后,从手机端看比较麻烦,因此搜罗了几种在 PC 端调试手机端页面的工具. 二.工具 http://fonkie.iteye.com/blog/1846858 http://blog.csdn.net/dojotoolkit/article/details/6280924

移动端调试利器-vConsole

现在移动端开发越来越火,随之而来的问题也越来越多,今天给大家介绍一款移动端调试神器,vconsole. 一.先引用文件,可以从https://www.bootcdn.cn/vConsole/下载,也可以下载保存在本地,直接引用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo.html</title> <script src=&q

移动端调试神器vconsole,手机端网页的调试工具Eruda

移动端调试神器vconsole,手机端网页的调试工具Eruda 移动端中使用 vConsole调试移动端调试工具vconsole安装Git地址:https://github.com/WechatFE/vConsolevConsole是一款由微信公众平台前端团队打造的前端调试面板,专治手机端看log难题.目前vConsole自带有2个面板,默认为“日志”面板,负责展示log. 项目开发时经常需要debug调试,但在移动端debug则会阻断代码运行,并且很难判断出错在哪里,这里我们需要借助第三方插

移动端调试神器vConsole

vConsole.js 其实就是重写console方法,实现了类似于微信小程序的移动端调试效果在普通html文件里使用 <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> <script> // init vConsole var vConsole = new VConsole(); console.log('Hello world'); &l

如何使用 UC浏览器开发者版进行移动端调试

在如何用 fiddler 代理调试本地手机页一文中我们了解了如何用手机查看 PC 端写的网页(本地),但是我们只能看到页面效果,如果哪段 js 挂了,那部分样式失效了,我们该如何进行调试呢?今天为大家介绍的 UC 浏览器开发者版(安卓版)就是这样一个神器! 1.一台PC.一台手机很显然首先你得需要一台 PC 机,一台手机,并把它们连上同一个网段的网络(推荐做法,也可以 USB 连接调试,详见UC浏览器开发者版). 2.PC.移动端文件安装毫无疑问,移动端需要安装 UC 浏览器开发者版.而

chrome调试、移动端调试

chrome 32版本后,添加 DevTools for Mobile 插件就可远程手机调试 DevTools for Mobile插件安装https://support.google.com/chrome/topic/3422804?hl=zh-Hans&ref_topic=3422738 chrome 32版本之前的调试需要安装 ADB插件和 android SDK 软件 Android上使用Chrome DevTools 远程调试WebView 相关文章: http://blog.cs

移动端调试 weinre

weinre 是基于 Node 的工具,因此使用如下命令安装 weinre $ npm install -g weinre 用上面的命令将 weinre 安装到全局,然后就可以使用 weinre的命令了. Weinre 提供了6个可选的启动参数,其中下面两个参数一般会修改,其它的用默认值就可以了. --httpPort 调试服务器运行的端口,默认的 8080,如果这个端口有在用,可以改为其它端口: --boundHost 调试服务器绑定的 IP 地址,也可以是域名,默认是 localhost,还

Eruda 一个被人遗忘的移动端调试神器

引言日常工作中再牛逼的大佬都不敢说自己的代码是完全没有问题的,既然有问题,那就也就有调试,说到调试工具,大家可能对于fiddler.Charles.chrome devtools.Firebug.还有Safari远程调试等比较熟悉,甚至有些是我可能也没有用过的: 这里喷一句吧,谁都别给我提IE啊,IE那个不叫调试工具,那叫坑爹神器,话说最近不是又甩锅了,把自己的革命老根据地都甩了. 俗话说预先善其事必先利其器,今天想给大家分享的是一个可能被人们忽略的小工具,为什么说被人们忽略呢?因为发现g

移动端调试神器-vConsole

什么是vConsole? 官方说明是一个web前端开发者面板,可用于展示console日志,方便日常开发,调试. 简单来说相当于移动版的Chrome调试控制台,就是我们在PC端常用的F12 vConsole的使用场景? 比如测试妹纸拿着手机过来跟你说某个页面打不开.你心想,怎么可能,我在电脑上用Chrome调试得好好的,也没有报错啊. 然后你接过测试妹纸的手机发现确实有个页面打不开.问题来了,移动端又不能像PC端打开控制台调试,我要怎么排错呢? vConsole就运应而生了 vConsole

移动端调试利器之vconsole

说明由于移动端项目在手机中调试时不能使用chrome的控制台,而vconsole是对pc端console的改写使用方法使用 npm 安装: npm install vconsole 使用webpack,然后js代码中: import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole let vConsole = new VConsole() // 初始化或者找到这个模块下面的 dist/vconsole.min

whistle替代Fiddler调试远程服务器代码使用教程

前沿之前在window下开发的同学大部分都是使用Fiddler代理工具做远程调试,自从换了Mac后也想找个代替工具调试,查询了下大概都比较推荐两款:Charles 和 Whistle .不过Charles看起来是要收费的,那小伙伴们果断开始尝试用Whistle替代. 大概介绍下Whistle https://github.com/avwo/whistle whistle是用Node实现的类似Fiddler的web调试代理工具,支持查看和修改HTTP(S).Websocket请求响应数据,且支持

移动端调试和fiddler移动端抓包使用

这里介绍一款移动端的调试工具以及抓包工具fiddler的使用.也是初次接触,算是初次接触的总结. 1,移动端调试工具.手机截图如下代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>干货-课程-完成</title> <meta name="viewport" conten

移动端调试神器（eruda）

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

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远程调试目前支持所有操作系统,并且支持以下: ● 调试站点

[原创]使用vscode+es6写nodejs服务端调试配置

前端的小伙伴们在babel等的加持下,已经可以愉快的使用es6来写代码了. 然后对于服务端的nodejs就有点坑爹了,虽然原生支持了es6,但是只是部分支持,一些不支持的特性(比如module)使用了就会报错,所以如果想使用完整的es6来写服务端nodejs,我们还是离不开babel. 下面介绍一下在vscode中使用es6写nodejs的配置方法. 首先在根目录下建立.babelrc文件,写入babel配置,我的配置如下,记得npm安装babel及你需要的presets或者plugin. {

whistle移动端调试

热门专题