常用的前端Host代理和资源转发工具

2,220 阅读1分钟

工欲善其事,必先利其器。本文将介绍常用的Host代理和资源转发工具,包括SwitchHosts、iProxy、Chrome Overrides、XSwitch、Charles、Fiddler等

Host代理

Hosts是一个没有扩展名的系统文件,记录域名对应的IP地址。浏览器会先从Hosts文件寻找域名对应的IP地址,没有才走DNS域名解析。

修改Hosts文件,能实现域名加速访问,也能干预资源的IP地址。常见的修改方式有:

Mac终端修改

# 编辑/etc/hosts文件
sudo vi /etc/hosts
# 输入管理员密码
# 设置域名、IP
127.0.0.1 www.example.com
# 编辑完毕保存并退出
:wq
# 刷新DNS缓存
sudo killall -HUP mDNSResponder

检查代理是否生效

访问指定域名,Chrome开发者工具查看Remote Address IP为代理资源

image.png

若没生效,可以访问 chrome://net-internals/#dns 清除缓存

Windows终端修改

Hosts文件地址:C:\Windows\System32\drivers\etc,刷新缓存使之生效ipconfig/flushdns

SwitchHosts工具

下载地址:github.com/oldj/Switch…

如下图所示,my.baidu.com、test.baidu.com域名将指向127.0.0.1本地IP

127.0.0.1	my.baidu.com	test.baidu.com

image.png

iProxy

下载地址:github.com/xcodebuild/…

iProxy是基于whistle的代理工具,支持Host代理和资源请求拦截。Host代理配置如下图所示:

image.png

配置后访问目标域名进行验证 image.png

资源转发

Chrome Overrides

Chrome network选择资源右键 - 选择 Override Content - 选择(新建)文件夹 - 修改资源地址后保存 - 刷新

image.png

XSwitch浏览器插件

官方地址:github.com/yize/xswitc…

Chrome插件:chromewebstore.google.com/detail/xswi…

配置案例

image.png

Charles抓包

地址:www.charlesproxy.com/

Tools - Map Remote 可以替换线上文件

image.png

Fiddler抓包

地址:www.telerik.com/fiddler

相关教程:juejin.cn/post/684490…

小结

上述工具能满足大部分情况,如有补充可以评论区交流~