由于最近在学习微信小程序开发,项目中用到了https代理请求,所以用到了基于Node实现的跨平台web调试代理工具Whistle,在此做一记录. 完成https代理请求总共需要5个步骤. 一.安装Node.js    在这边就省略了 二.安装并启动Whistle1.安装Whistle打开cmd命令窗口,执行 $ npm install -g whistlenpm默认镜像是在国外,有时候安装速度很慢或者出现安装不了的情况,如果无法安装或者安装很慢,可以使用taobao的镜像安装: $ npm in…

whistle是基于Node实现的跨平台web调试代理工具,支持windows.mac.linux等所有安装了Node的操作系统,可以部署在本地机器.虚拟机或远程服务器,并通过本地网页查看或修改HTTP.HTTPS.Websocket请求(响应)的基本信息.头部及内容等. whistle把每一类操作对应一个协议,每个修改操作抽象成一个uri,通过简单设置请求url到操作uri的对应关系,实现通过配置操作请求,支持通过扩展协议新增功能:具有配置灵活,功能强大等特点. 配置界面及操作请参考:http…

题目有一些激进.但是在前端界打滚了这么多年,fiddler一直都是陪着我走过来了.它就是一个抓包神奇,代理神器.它的厉害之处,我简单地说一下,希望你们看了以后,能点上32个赞. 1.fiddler为何物?(下载链接:http://www.baidu.com/s?word=fiddler&tn=sitehao123&ie=utf-8&f=3&rsp=1) 度娘又出来说话了:Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设…

原文链接:如何做一个App里的web调试小工具 我们知道现在hybrid app非常流行,在这样的app里,h5页面是应用非常广泛的.相对于以往在pc端开发的网页,放在app里的网页由于无法直接使用桌面浏览器的开发者工具,导致我们在有时候在调试的时候不知道到底报了什么错.所以我们需要一个能够在调试app内h5的调试工具,方便我们定位bug. 现在市面上已经有很多比较成熟的工具可以用,例如jsconsole.weinre,都是平常会用到的.但是我自己还是想做一个debug工具,一方面是这些调试工具…

HTTP Analyzer 是一个实时的web调试代理,如果你对Fiddler不陌生的话,HTTP Analyzer 就是和Fiddler具备一样功能的调试代理. 推荐这个软件而不推荐Fiddler的原因是. 1.HTTP Analyzer支持SSL.2.HTTP Analyzer的过滤器比Fiddler要很多.(至少我是这样觉得).3.有注册码. 下载地址:http://www.ieinspector.com/httpanalyzer/download.html 注册码:icedblog883…

此文已由作者夏君授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 一.fiddler简介 直接引用官网介绍 The free web debugging proxy for any browser, system or platform! fiddler是一个Web调试代理,能够支持任意浏览器.系统或平台的网络调试代理,且允许你记录所有电脑和Internet之间的所有http(s)请求,并允许你查看.设置断点.以及修改输入和输出的数据. 二.fiddler六大关键特性 官…

前端开发在线课程: http://yun.lu/student/course/list/8   1.HBuilder:WEB开发IDE工具 hbulider,内核是eclipse,Dcloud公司出品: 可以用builder 同时进行项目的编辑,可以和eclipse同步同时进行修改.这样可以利用到hbulider的强大的h5编辑功能: 从Frontpage.Dreamweaver.UE,到Sublime Text和JetBrains的WebStorm,Web编程的IDE已经更换了几批.HBuil…

引语:如今的整个Web开发行业甚至说整个软件开发行业,已经相当成熟,基本上已经很少找不到没有前人做过的东西了,或者换句话说,你想要实现的功能,你总能在某个地方搜索到答案,关键是你有没有这个时间精力去搜寻!以至于大多数的开发,其实就是一个找资料的过程,一个复制粘贴的过程,这的确也是一个可悲的现象.不过,换个角度来看,其实也挺好,现在咱们凡事都讲求一个效率问题,只要能实现功能,就甭管他复制粘贴抄袭了.问题的关键是,你得会复制.粘贴.抄袭,你得会调试你的代码啊!难道有人给了你所有的配件你就能把车子给组…

pushpin 是一款反向代理工具,可以将web services 转换为实时的api 参考架构图 包含的特性 透明 无状态 共享nothing 发布&&订阅模型 几种灵活用法 基本使用 集成api 管理工具 集成消息队列 微服务模型 大规模cdn 模型 说明 pushpin 自己设计为了一个标准的协议,当前已经有好多种语言的实现了,当然基于nginx 的nchan 也是一款不错的选择, 但是pushpin 的设计更灵活 参考资料 https://pushpin.org/ https://…

工欲善其事,必先利其器.如今 Web 开发标准越来越高,Web 开发者也在不断寻找途径提升自己的技能.为使大家的开发工作更顺利进行,本文整理了 10+ 款比较优秀的 Web 开发工具,希望对你有帮助. 喜欢的不要忘了收藏.点赞和打赏哦,感谢大家的支持! Bootstrap Bootstrap 是快速开发 Web 应用程序的前端工具包.它是一个 CSS 和 HTML 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式,表单,buttons,表格,网格系统等等. DEMO:htt…