From 5eac071595b5ed09440c96106c7f98767dcaabfa Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Fri, 26 Aug 2022 16:11:01 +0800 Subject: [PATCH] 增加显示调试面板的公共方法 --- common/Tools.js | 44 ++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 44 insertions(+), 0 deletions(-) diff --git a/common/Tools.js b/common/Tools.js index 3fbb8a8..6f082fc 100644 --- a/common/Tools.js +++ b/common/Tools.js @@ -516,6 +516,50 @@ return /^1[3456789]\d{9}$/.test('' + phone); } + /** + * 显示调试面板(仅支持H5) + * @param cssSelector + * @param callback + */ + static showDevConsole(cssSelector, callback) { + // 只支持 h5 编译 + if (process.env.TARO_ENV !== 'h5') { + return; + } + const fileref = document.createElement('script'); + fileref.setAttribute('type', 'text/javascript'); + if (window.location.protocol === 'https:') { + fileref.setAttribute('src', 'https://cdn.jsdelivr.net/npm/eruda'); + } else { + fileref.setAttribute('src', 'http://cdn.jsdelivr.net/npm/eruda'); + } + document.getElementsByTagName('head')[0].appendChild(fileref); + const erudaTimer = setInterval(() => { + if (window.eruda) { + clearInterval(erudaTimer); + const container = document.createElement('div'); + if (cssSelector) { + document.querySelector(cssSelector).appendChild(container); + } else { + document.getElementsByTagName('body')[0].appendChild(container); + } + window.eruda.init({ + container: container, + useShadowDom: false, + }); + setTimeout(() => { + const devTool = document.querySelector('.eruda-dev-tools'); + devTool.style.display = 'block'; + devTool.style.opacity = '1'; + devTool.style.height = '70%'; + console.warn('=====【艾信App调试特别模式】====='); + console.warn('点击右下角悬浮工具箱图标可以折叠面板'); + }, 50); + callback(); + } + }, 100); + } + } // h5 中,实现 rem 转换 px -- Gitblit v1.9.1