一、简介
whistle是一款基于Node的跨平台web调试代办东西。重要用于检察、修正HTTP、HTTPS、Websocket的要求、相应,也可作为HTTP代办服务器运用。
在调试挪动端项目时,我们没法像在Chrome开发东西下那样看到要求、日记、DOM构造等。固然,运用vConsole能够处理以上题目,不可否认vConsole能满足挪动端调试的大多数场景,而且异常方便。然则vConsole必须要作为一款插件注入项目代码中,这就有下场限性。whistle相比之下就没有限定。whistle的功用异常壮大,本文只引见装置入门。
二、装置
- 装置Node。(不再引见)
- 装置whistle。
npm install -g whistle
- 启动whistle
w2 start - 设置代办
引荐装置Chrome代办插件SwitchyOmega。
第一种装置体式格局是经由过程FQ。
第二种装置体式格局是装置谷歌接见助手,有了谷歌接见助手便能够在谷歌市肆下载软件以及运用google搜索引擎。装置完成SwitchyOmega以后,设置代办。官网引见异常细致。
挪动端调试时,挪动装备要与PC在统一WiFi下,而且要给挪动装备收集设置代办,代办服务器是PC的IP地点,端口号为PC上代办服务器设置的端口号 - 接见 设置页面
域名接见http://local.whistlejs.com/,或许IP+端口访http://127.0.0.1:8899/ - HTTPS证书装置
首先是windows下装置根证书,然后挪动装备(以ios为例)在代办收集环境下,Safari地点栏输入rootca.pro,装置完成以后须要手动信托根证书。设置-通用-关于本机-证书信托设置
下设置信托根证书。
在 设置页面 导航栏的HTTPS选项中,勾选Capture HTTPS CONNECTs
,即可抓取HTTPS要求。然后在挪动装备接见页面时,即可在 设置页面 的Network中看到要求。
PS:本文只是对装置入门做了大略总结,对部份注重细节举行论述。关于whistle更细致引见、更多的功用请移步官网。