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

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

作者
liliangrong777
日安装量
0
总安装量
2
评分
0 0 0
版本
1.0
创建于
2023-12-13
更新于
2023-12-13
大小
2.5 KB
许可证
MIT
适用于
所有网站

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

使用方法:

  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