美文网首页
【whistle】强大的web调试代理工具

【whistle】强大的web调试代理工具

作者: 北极星丶超帅的 | 来源:发表于2019-01-05 10:36 被阅读38次

    来来来,看这里,告诉大家一个调试代码超好用的工具,以前每次改代码都要上到测服或正服才能看到效果,这导致开发的时间被拉长且不方便。最近公司有个大神总是会抽时间传授我们知识,这个调试代理工具就是他安利给我们的。超开心的,改Bug再也不怕麻烦了,一些不知道还能这么操作的人可以看看,这样就可以节省时间,早点下班啦~~~,whistle 使用实践

    whistle

    #安装
     npm i -g whistle
    #运行
     w2 start
    
    运行截图
    打开截图圈出的地址即可进入控制台界面,如图所示:
    控制台
    在这个页面可以写下规则,如下图:
    规则
    这个可以看请求的网络信息
    请求的网络信息
    不过输入地址https://m.baidu.com ,你会发现并没有跳转到京东,这是因为需要安装一个浏览器扩展插件Proxy SwitchyOmega Proxy SwitchyOmega

    安装了之后,浏览器会出现蓝圆环标志,点击选项


    image.png

    输入代理服务器和代理端口,如下图:


    再来到刚刚的页面,便可查看

    GIF.gif

    至于在手机查看,需要连同一个wifi,再获取电脑ip地址,打开手机的wifi配置手动代理,设置主机名和端口,就可在手机查看调试


    手机代理

    提示

    如果是https的地址,需要点击HTTPS,然后会弹出个二维码,再扫描下方二维码,安装证书即可


    二维码

    不过最新的安卓版本的微信好像不支持这个证书,我就遇到过这个问题无法代理,至今暂无解决方法,如果有哪位大神知道的话,请告知下,感谢~

    相关文章

      网友评论

          本文标题:【whistle】强大的web调试代理工具

          本文链接:https://www.haomeiwen.com/subject/ubcrrqtx.html