将开发环境内嵌到线上页面中

当URL中匹配到某个标志后将开发环境内嵌到页面内

Autor
liliangrong777
Denne inštalácií
0
Celkový počet inštalácií
2
Hodnotenie
0 0 0
Verzia
1.0
Vytvorené
13.12.2023
Aktualizované
13.12.2023
Licencia
MIT
Spustiť na
Všetkých stránkach

将开发环境内嵌到线上页面中,对与调试内嵌插件或者主题测试很有帮助。

使用方法:

  1. 替换脚本中的以下变量并开启脚本
  2. 将线上的url地址加上替换后的MATCH_FLAG。例如:https://wc2-test.parcelpanel.com/parcel-panel/ -> https://wc2-test.parcelpanel.com/parcel-panel/?env=dev
  3. 刷新页面就可以啦
变量 含义 默认值
MATCH_FLAG 当url匹配到MATCH_FLAG的值后执行替换 env=dev
LOCAL_URL 本地开发环境地址 http://localhost:5173
ROOT_ID react挂载根节点 root
SELECTOR 要替换元素的选择器或返回dom节点的函数,如果未匹配上根节点会挂载到document.body上 #root