一、小故事某天，公司新入职了一位开发同学，张三。第一天，张三就在配置测试环境中度过了。因为需求很紧急，张三第二天就开始接需求。开发完他负责的功能之后，需要给产品进行体验，张三急急忙忙给产品配置好环境。

先来看看Whistle 来到查看抓包请求的页面，可见显示十分的全面 还能显示树状图，根据域名进行区分，功能十分强大！ 安装步骤 1.安装Node 因为Whistle是基于Node实现的跨平台web调试

一、开发痛点 二、Whistle 简介 三、whistle 的安装以及启动 安装 node.js: 如果没有，自行安装 全局安装 whistle: npm install -g whistle 执行命

通过这篇文章可以大致了解 Whistle 的实现原理，并学习如何实现一个简单的抓包调试工具。 项目 Github 地址：https://github.com/avwo/whistle

开发环境面临的跨域问题是每个开发者都会遇到的，有什么方法能“一劳永逸”呢？本文对比了多种方案，也植入到企业项目中进行尝试取得不错的效果，希望在跨域问题上能帮到你。

🍂 ‘whistle’，腾讯团队内部的开发联调场景的效率工具，基于node的跨平台代理解决方案，相对于花瓶更贴切前端开发者。Mock、资源代理转发等都是基础且高频功能。

一、环境准备nodev10.13.0whistle二、新建工程1、创建项目新建文件夹，并设置一个项目名称执行npminit，其中name需要符合whistle.your-plugin-name规范增加

时隔 3 年，重新接触了移动端 h5 页面开发，上一次还是大四实习。这一次是 hybrid 开发，涉及到 h5 页面与原生 app 的交互，h5 页面需要与原生打通登录态，以及调