XSwitch - 一個解決本地開發請求轉發的瀏覽器插件

時間 2019-11-06

標籤 xswitch 一個解決本地開發請求轉發瀏覽器插件欄目瀏覽器简体版

原文原文鏈接

解決的痛點

在開發和調試過程當中，常常須要把線上或者平常環境的 CSS、JS 轉發到本地，Charles 等本地代理工具，特別是在全網 HTTPS 化後，變得更加複雜和繁瑣。
現有的 Chrome 插件，交互形式，對程序員不是很友好，沒法解決快速定位到某一條規則、快速開關組的需求。
anyproxy 是不錯的工具，可是在瀏覽器轉發上，配置起來相對麻煩。

XSwitch 的優點

基於 Chrome Extension，即裝即用。不須要額外配置其餘環境。
基於 Monaco Editor，能夠使用編輯器帶來的快捷操做方式。
能夠寫 JSON 註釋。
即時保存，即時生效。
自動提示頁面上加載到的資源文件，做爲提醒（目前只抓取了 http(s) 的地址，其餘協議的忽略了）
Open Source

功能

若是設定了以下規則：git

訪問：https://g.alicdn.com/platform/daily-test/isDaily.js程序員

會進行以下轉發：github

支持自動提示

支持正則匹配

https://github.com/yize/xswitch/blob/master/test/index.spec.jsweb

{
  // proxyRules
  "proxy": [
    [
      "//g.alicdn.com/platform/daily-test/(.*).js$",
      "//g.alicdn.com/platform/daily-test/$1.json"
    ],
    [
      "g.alicdn.com",
      "alinw.alicdn.com"
    ]
  ]
}