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

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

Autor
liliangrong777
Instalaciones diarias
0
Instalaciones totales
2
Calificaciones
0 0 0
Versión
1.0
Creado
13/12/2023
Actualizado
13/12/2023
Licencia
MIT
Funciona en
Todos los sitios

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

使用方法:

  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