在开发过程中有诸多的和Host 相关的问题，这里跟大家分享下自己的经验。
管理 Host
有各种环境，开发，测试，沙箱，正式等等，而且有些环境还不止一套。要管理这么多的Host 我们必须需要一个利器，这里推荐的是 SwitchHosts。是一个在 Github开源的软件，想必很多童鞋都已经在使用中了。
激活一个或者多个标签，来灵活管理 Host
配置远程Host，多人同步更高效
SwitchHosts 有几个非常给力的功能。首先是可以创建多个标签来让我们来对 Host做管理，而且可以选择启用一个或者多个标签，这个简直非常棒。
另外SwitchHosts支持远程文件，团队可以在测试环境维护一份统一的Host，并且通过 nginx 提供http服务，然后团队成员都配这个地址，再开启自动刷新，可以有效的提高团效率，减少火气。
浏览器Host缓存
和前端相关的前端工程师，后端工程师，产品，测试都有被浏览器的Host缓存折磨疯的经历吧，不停的刷新页面，重启浏览器，开无痕模式，是不是都被我戳中了。这里先提供一些小技巧，然后再推荐一个 Chrome插件，来完美的解决浏览器 Host缓存问题。
小技巧一
按照下图操作即可在控制台查看IP。
小技巧二
又一个简单的查看IP的方法：
小技巧三
这个很装逼，也很强大。分两步不仅可以查看IP还可以清理缓存。Chrome 访问地址：chrome://net-internals/#dns，点击图片上的 clear Host cache 按钮即可清空Host缓存。但是不要着急，还有第二步，只点击这个还是会有问题。
第二步：点击图片左侧篮框的链接，然后点击右侧上方的Flush socket pools按钮。
为什么需要两步呢，应该是第一步是清理Host缓存，第二步是清理掉使用之前缓存创建的 socket 链接，然后再刷新页面就会利用新的 Host 来创建 socket 达到了我们的目的。
小技巧四
为了使页面更快的呈现给用户，也有很多服务器端的，成本的考量，静态资源会缓存在浏览器本地，就是说有一些前端资源压根不向后端发送请求，对于这类资源有一个特征，如下图：
对于这种切Host也没用，但是还是有简单的办法的。打开开发者工具后，然后在刷新按钮上右键就会出现三个选项，这个时候选择第二个或者第三个都可以清理掉这些静态资源的缓存。
小技巧五
本人之前一直使用小技巧三来提升效率并且装逼，但是每次都要打开地址，然后还得切换个页面再点一次还是很麻烦。所以在再推荐一个 Chrome 插件。
重要 重要 重要！安装插件后需要对浏览器做一个配置才可以正常使用，访问网址：chrome://flags/#extensions-on-chrome-urls 然后点击启用，具体如下图：
点击右上角的插件Logo即可完成技巧三的操作，清理Host缓存：
如下图右键即可显示当前页面的IP：
代理
上述基本上解决了PC开发过程中的各种和Host有关的问题，那么移动端怎么办呢，开发H5的时候，手机又该怎么切换Host呢。这里推荐两款代理软件：Fiddler4 以及 Charles，其中Fiddler4 可以安装在 Windows上，Charles安装在Mac上。
安装好启动软件后，只需简单的配置就可以启动代理服务，具体可以直接百度，然后手机和电脑链接同一个wifi并且在手机上配置链接上述代理，这个时候手机访问网页会使用电脑做代理，最重要的是电脑上配置的Host就会起作用了。这块网上有很多文章，就不累述了。
觉得本文有用就请关注下吧！！！
