126

又双叕写了一个 Host 管理插件

 7 years ago
source link: https://keelii.github.io/2017/11/07/yet-another-host-manager-plugin/?
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

切 host 对于平常开发来说再正常不过了,可是「切 host 难」的问题一直没解决,因为手动修改 host 文件会有很多(系统dns、浏览器)缓存问题。经常听到xx说「我这是好的呀,你 host 有问题吧…」

在 windows 下我一直使用 fiddler 来切换 host,很多人可能不知道这个功能。他的实现本质就是实用代理映射来实现 host 切换。这样的欢最大的优点就是 无延迟,秒切 host 这个体验就非常赞,而且是系统级别的,也就是说别的浏览器里面也适用(前提是浏览器代理设置为系统)

然后由于最近切换到 mac 开发环境,发现 mac 下面的解决方案都不是很完美,或者说不适合我的要求。无外乎以下几种:

物理修改 host 文件

像 iHosts, Switchhosts 这类,但据我所知这种方法都有延迟

抓包工具代理切 host

比如 mac 下的 Wireshark、Charles,这些工具据说很强大,可是我自己用不惯,而且我是需求也很小,杀鸡焉用牛刀。fiddler for mac 虽然也能跑起来,但是体验太差了,界面卡的要死

浏览器插件代理切 host

像 Chrome 下的 Chrome-host-switch、 Switch host plus 等,试用了下效果很理想。美中不足的是体验不好,只有标签没有分组,把标签当分组切的人很蛋疼

简单看了下 switch host plus 的实现方式,再加上自己之前也写过 chrome 插件就决定自己造个轮子。Chrome 插件基于html、css、javascript 自然很适合前端来做

由于最近在看 react 相关的东西,刚好拿来练练手。技术选型基本上都是现成的框架拿来用就行了

  • react & redux 构建整体应用
  • bulma.css 简洁小巧的 CSS 框架
  • localStorage 数据直接写本地存储
  • create react app 构建打包应用
ahm-640x440

ahm-1280x800
  • 秒切 host 无延迟 😎
  • 基于 chrome 代理 ❤️
  • 兼容 socket 代理 🤔
  • 简洁好用,无多余功能 👏

Host proxy

和 host 文件规则一致

192.168.100.1 your.domain.com your-anther.domain.com

Socket proxy

新建分组加入以下规则(按自己实际情况修改)

SOCKS5 127.0.0.1:1080
SOCKS 127.0.0.1:1080

Github(MIT)


Recommend

  • 76

    例行惯例,欢迎来波star: 仓库地址:vueComponent/ant-design 官方网站:A UI Design Language 为何造这个轮子: 用惯了Antd,再看其他的总觉得没有Antd好用 周边生态,组件数量及质量都是略胜一筹,至于样式,每

  • 61
    • 掘金 juejin.im 6 years ago
    • Cache

    又双叒叕是一个动态简历

    先看效果 请戳这里看预览 这里是代码 见过了?别走,这是与众不同的地方 针对移动端优化了体验 支持动画跳过 支持多段动画 标点字符特殊处理,停留时间略长于字符时间 typescript 编写 对功能进行了封装处理,可以直接引入使用 基本准备 字符逐个弹出效

  • 48
    • 掘金 juejin.im 6 years ago
    • Cache

    又双叒叕是一个 canvas 动画

    先看效果 纯动画效果 带音乐特效,仅支持谷歌浏览器 代码在此 简单?我们可能不缺少发现简单的眼睛,但缺少完美简单的手 这个动画效果是在网易云音乐 app 上看到的,抱着复习 canvas 的心态来实现。 现在开始分析并且实现所需要的功能 列出需求 效果参照已

  • 14

    写了一个插件:Vue-Right-Click – 淮城一只猫 写了一个插件:Vue-Right-Click Jaxson Wang / 2020-06-09 / Vue.js / 阅读量

  • 6

    写了一个drone编译告警的插件 发表于 2022-01-12...

  • 42
    • 微信 mp.weixin.qq.com 3 years ago
    • Cache

    写了一个叮咚买菜抢菜插件

    想必大家都在关注这两天的上海疫情,情况的发展几乎超出了所有人的预期。虽然我家提前准备了一些物资,不过还是大大低估了疫情发展的速度,随着一天天足不出户,先前准备的物资也越来越少。

  • 6

    切 host 对于平常开发来说再正常不过了,可是「切 host 难」的问题一直没解决,因为手动修改 host 文件会有很多(系统dns、浏览器)缓存问题。经常听到xx说「我这是好的呀,你 host 有问题吧…」 在 windows 下我一直使用 fiddler 来切换 host,很多人可...

  • 7

    摸鱼写了一个番茄时钟 VS Code 插件来摸鱼(劳逸结合) V2EX = way to explore V2EX 是一个关于分享和探索的地方 爱意满满的作品展示区。...

  • 4
    • www.zenlife.tk 1 year ago
    • Cache

    cora 又双叕重写了

    cora 又双叕重写了2023-08-19按照之前的计划,原本应该是用生成到 C 的方式实现,用 top of stack caching 优化编译。中途做到一半,通过这篇

  • 6

    V2EX  ›  分享创造 写了一个 obsidian 插件,能够把 obsidian 笔记转换为 hugo blog  

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK