// ==UserScript== // @name 网页调试 // @namespace https://greasyfork.org/zh-CN/scripts/475228 // @version 2024.12.17 // @author WhiteSevs // @description 内置多种网页调试工具，包括：Eruda、vConsole、PageSpy、Chii，可在设置菜单中进行详细配置 // @license GPL-3.0-only // @icon data:image/png;base64,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 // @supportURL https://github.com/WhiteSevs/TamperMonkeyScript/issues // @match *://*/* // @require https://update.greasyfork.org/scripts/494167/1413255/CoverUMD.js // @require https://update.greasyfork.org/scripts/483694/1499312/Eruda-2.js // @require https://update.greasyfork.org/scripts/483695/1485015/vConsole-2.js // @require https://update.greasyfork.org/scripts/483696/1499313/PageSpy-2.js // @require https://fastly.jsdelivr.net/npm/@whitesev/utils@2.5.5/dist/index.umd.js // @require https://fastly.jsdelivr.net/npm/@whitesev/domutils@1.4.8/dist/index.umd.js // @require https://fastly.jsdelivr.net/npm/@whitesev/pops@1.9.5/dist/index.umd.js // @require https://fastly.jsdelivr.net/npm/qmsg@1.2.8/dist/index.umd.js // @resource Resource_erudaBenchmark https://fastly.jsdelivr.net/npm/eruda-benchmark@2.0.1 // @resource Resource_erudaCode https://fastly.jsdelivr.net/npm/eruda-code@2.2.0 // @resource Resource_erudaFeatures https://fastly.jsdelivr.net/npm/eruda-features@2.1.0 // @resource Resource_erudaGeolocation https://fastly.jsdelivr.net/gh/WhiteSevs/eruda-geolocation@38b60386bcb6280de4cccac7b31169a2abdb2edf/eruda-geolocation.js // @resource Resource_erudaMonitor https://fastly.jsdelivr.net/npm/eruda-monitor@1.1.1 // @resource Resource_erudaOrientation https://fastly.jsdelivr.net/npm/eruda-orientation@2.1.1 // @resource Resource_erudaOutlinePlugin https://fastly.jsdelivr.net/npm/eruda-outline-plugin@0.0.5 // @resource Resource_erudaPixel https://fastly.jsdelivr.net/npm/eruda-pixel@1.0.13 // @resource Resource_erudaTiming https://fastly.jsdelivr.net/npm/eruda-timing@2.0.1 // @resource Resource_erudaTouches https://fastly.jsdelivr.net/npm/eruda-touches@2.1.0 // @resource Resource_erudaVue https://fastly.jsdelivr.net/npm/eruda-vue@1.1.1 // @resource Resource_vConsoleVueDevtools https://fastly.jsdelivr.net/npm/vue-vconsole-devtools@1.0.9 // @connect * // @grant GM_getResourceText // @grant GM_getValue // @grant GM_info // @grant GM_registerMenuCommand // @grant GM_setClipboard // @grant GM_setValue // @grant GM_unregisterMenuCommand // @grant GM_xmlhttpRequest // @grant unsafeWindow // @run-at document-start // ==/UserScript== (function (Qmsg, DOMUtils, Utils, pops) { 'use strict'; var __defProp = Object.defineProperty; var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value); var _a; var _GM_getResourceText = /* @__PURE__ */ (() => typeof GM_getResourceText != "undefined" ? GM_getResourceText : void 0)(); var _GM_getValue = /* @__PURE__ */ (() => typeof GM_getValue != "undefined" ? GM_getValue : void 0)(); var _GM_info = /* @__PURE__ */ (() => typeof GM_info != "undefined" ? GM_info : void 0)(); var _GM_registerMenuCommand = /* @__PURE__ */ (() => typeof GM_registerMenuCommand != "undefined" ? GM_registerMenuCommand : void 0)(); var _GM_setClipboard = /* @__PURE__ */ (() => typeof GM_setClipboard != "undefined" ? GM_setClipboard : void 0)(); var _GM_setValue = /* @__PURE__ */ (() => typeof GM_setValue != "undefined" ? GM_setValue : void 0)(); var _GM_unregisterMenuCommand = /* @__PURE__ */ (() => typeof GM_unregisterMenuCommand != "undefined" ? GM_unregisterMenuCommand : void 0)(); var _GM_xmlhttpRequest = /* @__PURE__ */ (() => typeof GM_xmlhttpRequest != "undefined" ? GM_xmlhttpRequest : void 0)(); var _unsafeWindow = /* @__PURE__ */ (() => typeof unsafeWindow != "undefined" ? unsafeWindow : void 0)(); var _monkeyWindow = /* @__PURE__ */ (() => window)(); const versionJSON = '{\n "eruda": {\n "version": "3.4.1",\n "plugin": {\n "eruda-monitor": "1.1.1",\n "eruda-features": "2.1.0",\n "eruda-timing": "2.0.1",\n "eruda-code": "2.2.0",\n "eruda-benchmark": "2.0.1",\n "eruda-orientation": "2.1.1",\n "eruda-vue": "1.1.1",\n "eruda-touches": "2.1.0",\n "eruda-outline-plugin": "0.0.5",\n "eruda-pixel": "1.0.13"\n }\n },\n "vconsole": {\n "version": "3.15.1",\n "plugin": {\n "vue-vconsole-devtools": "1.0.9"\n }\n },\n "@huolala-tech/page-spy-browser": {\n "version": "2.0.2"\n }\n}'; const DebugToolVersionConfig = JSON.parse(versionJSON); const DebugToolConfig = { eruda: { /** 版本号 */ version: DebugToolVersionConfig.eruda.version, /** 项目地址 */ homeUrl: "https://github.com/liriliri/eruda", /** 项目最新的js文件地址 */ latestFileUrl: "https://cdn.jsdelivr.net/npm/eruda", /** 设置文档 */ settingDocUrl: "https://github.com/liriliri/eruda/blob/master/README.md" }, vConsole: { /** 版本号 */ version: DebugToolVersionConfig.vconsole.version, /** 项目地址 */ homeUrl: "https://github.com/Tencent/vConsole", /** 项目最新的js文件地址 */ latestFileUrl: "https://cdn.jsdelivr.net/npm/vconsole", /** 设置文档 */ settingDocUrl: "https://github.com/Tencent/vConsole/blob/dev/README_CN.md" }, pageSpy: { /** 版本号 */ version: DebugToolVersionConfig["@huolala-tech/page-spy-browser"].version, /** 项目地址 */ homeUrl: "https://github.com/HuolalaTech/page-spy-web", /** 项目最新的js文件地址 */ latestFileUrl: "https://github.com/HuolalaTech/page-spy/tree/main/packages/page-spy-browser", /** 设置文档 */ settingDocUrl: "https://github.com/HuolalaTech/page-spy-web/blob/main/README_ZH.md", /** 默认配置 */ defaultConfig: { api: "pagespy.jikejishu.com", cliennOrigin: "https://pagespy.jikejishu.com" } }, chii: { /** 项目地址 */ homeUrl: "https://github.com/liriliri/chii", /** 设置文档 */ settingDocUrl: "https://github.com/liriliri/chii/blob/master/README_CN.md", /** 默认配置 */ defaultConfig: { url: "https://chii.liriliri.io/", scriptJs: "//chii.liriliri.io/target.js" } } }; const PanelSettingConfig = { qmsg_config_position: { key: "qmsg-config-position", defaultValue: "bottom" }, qmsg_config_maxnums: { key: "qmsg-config-maxnums", defaultValue: 3 }, qmsg_config_showreverse: { key: "qmsg-config-showreverse", defaultValue: false }, httpx_cookie_manager_enable: { key: "httpx-use-cookie-enable", defaultValue: false }, httpx_cookie_manager_use_document_cookie: { key: "httpx-use-document-cookie", defaultValue: false }, debugTool: { key: "currentDebug", defaultValue: "eruda" }, allowRunInIframe: { key: "allowRunInIframe", defaultValue: false }, autoLoadDebugTool: { key: "autoLoadDebugTool", defaultValue: true }, eruda_auto_open_panel: { key: "eruda-auto-open-panel", defaultValue: false }, eruda_default_show_panel_name: { key: "eruda-default-show-panel-name", defaultValue: "console" }, eruda_panel_console: { key: "eruda-panel-console", defaultValue: true }, eruda_panel_elements: { key: "eruda-panel-elements", defaultValue: true }, eruda_panel_network: { key: "eruda-panel-network", defaultValue: true }, eruda_panel_resources: { key: "eruda-panel-resources", defaultValue: true }, eruda_panel_sources: { key: "eruda-panel-sources", defaultValue: true }, eruda_panel_info: { key: "eruda-panel-info", defaultValue: true }, eruda_panel_snippets: { key: "eruda-panel-snippets", defaultValue: true }, eruda_plugin_Resource_erudaMonitor: { key: "eruda_plugin_Resource_erudaMonitor", defaultValue: false, resource: "Resource_erudaMonitor" }, eruda_plugin_Resource_erudaFeatures: { key: "eruda_plugin_Resource_erudaFeatures", defaultValue: false, resource: "Resource_erudaFeatures" }, eruda_plugin_Resource_erudaTiming: { key: "eruda_plugin_Resource_erudaTiming", defaultValue: false, resource: "Resource_erudaTiming" }, eruda_plugin_Resource_erudaCode: { key: "eruda_plugin_Resource_erudaCode", defaultValue: false, resource: "Resource_erudaCode" }, eruda_plugin_Resource_erudaBenchmark: { key: "eruda_plugin_Resource_erudaBenchmark", defaultValue: false, resource: "Resource_erudaBenchmark" }, eruda_plugin_Resource_erudaGeolocation: { key: "eruda_plugin_Resource_erudaGeolocation", defaultValue: false, resource: "Resource_erudaGeolocation" }, eruda_plugin_Resource_erudaOrientation: { key: "eruda_plugin_Resource_erudaOrientation", defaultValue: false, resource: "Resource_erudaOrientation" }, eruda_plugin_Resource_erudaVue: { key: "eruda_plugin_Resource_erudaVue", defaultValue: false, resource: "Resource_erudaVue" }, eruda_plugin_Resource_erudaTouches: { key: "eruda_plugin_Resource_erudaTouches", defaultValue: false, resource: "Resource_erudaTouches" }, eruda_plugin_Resource_erudaOutlinePlugin: { key: "eruda_plugin_Resource_erudaOutlinePlugin", defaultValue: false, resource: "Resource_erudaOutlinePlugin" }, eruda_plugin_Resource_erudaPixel: { key: "eruda_plugin_Resource_erudaPixel", defaultValue: false, resource: "Resource_erudaPixel" }, vconsole_auto_open_panel: { key: "vconsole-auto-open-panel", defaultValue: false }, vconsole_default_show_panel_name: { key: "vconsole-default-show-panel-name", defaultValue: "default" }, vConsole_panel_system: { key: "vConsole-panel-system", defaultValue: true }, vConsole_panel_network: { key: "vConsole-panel-network", defaultValue: true }, vConsole_panel_element: { key: "vConsole-panel-element", defaultValue: true }, vConsole_panel_storage: { key: "vConsole-panel-storage", defaultValue: true }, vConsole_theme: { key: "vConsole-theme", defaultValue: "light" }, vconsole_disableLogScrolling: { key: "vconsole-disableLogScrolling", defaultValue: false }, vconsole_showTimestamps: { key: "vconsole-showTimestamps", defaultValue: false }, vconsole_maxLogNumber: { key: "vconsole-maxLogNumber", defaultValue: 1e3 }, vconsole_maxNetworkNumber: { key: "vconsole-maxNetworkNumber", defaultValue: 1e3 }, vConsole_storage_defaultStorages_cookies: { key: "vConsole-storage-defaultStorages-cookies", defaultValue: true }, vConsole_storage_defaultStorages_localStorage: { key: "vConsole-storage-defaultStorages-localStorage", defaultValue: true }, vConsole_storage_defaultStorages_sessionStorage: { key: "vConsole-storage-defaultStorages-sessionStorage", defaultValue: true }, vConsole_plugin_Resource_vConsole_Stats: { key: "vConsole_plugin_Resource_vConsole_Stats", defaultValue: false }, vConsole_plugin_Resource_vConsole_ExportLog: { key: "vConsole_plugin_Resource_vConsole_ExportLog", defaultValue: false }, vConsole_plugin_Resource_vConsoleVueDevtools: { key: "vConsole_plugin_Resource_vConsoleVueDevtools", defaultValue: false, resource: "Resource_vConsoleVueDevtools" }, pagespy_disable_run_in_debug_client: { key: "pagespy-disable-run-in-debug-client", defaultValue: true }, pagespy_api: { key: "pagespy-api", defaultValue: DebugToolConfig.pageSpy.defaultConfig.api }, pagespy_clientOrigin: { key: "pagespy-clientOrigin", defaultValue: DebugToolConfig.pageSpy.defaultConfig.cliennOrigin }, pagespy_project: { key: "pagespy-project", defaultValue: "default" }, pagespy_title: { key: "pagespy-title", defaultValue: "--" }, pagespy_autoRender: { key: "pagespy-autoRender", defaultValue: true }, pagespy_enableSSL: { key: "pagespy-enableSSL", defaultValue: true }, pagespy_offline: { key: "pagespy-offline", defaultValue: false }, pagespy_serializeData: { key: "pagespy-serializeData", defaultValue: false }, pagespy_useSecret: { key: "pagespy-useSecret", defaultValue: false }, pagespy_messageCapacity: { key: "pagespy-messageCapacity", defaultValue: 1e3 }, chii_script_embedded: { key: "chii-script-embedded", defaultValue: true }, chii_disable_run_in_debug_url: { key: "chii-disable-run-in-debug-url", defaultValue: true }, chii_check_script_load: { key: "chii-check-script-load", defaultValue: true }, chii_debug_url: { key: "chii-debug-url", defaultValue: DebugToolConfig.chii.defaultConfig.url }, chii_target_js: { key: "chii-target-js", defaultValue: DebugToolConfig.chii.defaultConfig.scriptJs }, chii_embedded_height_enable: { key: "chii-embedded-height-enable", defaultValue: false }, chii_embedded_height: { key: "chii-embedded-height", defaultValue: parseInt((window.innerHeight / 2).toString()) } }; class HttpxCookieManager { /** * cookie规则，在这里填入 * @param cookieRule * @example * { * key: "cookie-example-com", * hostname: "example.com", * } */ constructor(cookieRule) { __publicField(this, "$data", { /** 是否启用 */ get enable() { return PopsPanel.getValue( PanelSettingConfig.httpx_cookie_manager_enable.key, PanelSettingConfig.httpx_cookie_manager_enable.defaultValue ); }, /** * 是否使用document.cookie * + true 使用document.cookie额外添加cookie的header */ get useDocumentCookie() { return PopsPanel.getValue( PanelSettingConfig.httpx_cookie_manager_use_document_cookie.key, PanelSettingConfig.httpx_cookie_manager_use_document_cookie.defaultValue ); }, /** * cookie规则，在这里填入 * @example * { * key: "cookie-example-com", * hostname: "example.com", * } */ cookieRule: [] }); if (Array.isArray(cookieRule)) { this.$data.cookieRule = cookieRule; } } /** * 补充cookie末尾分号 */ fixCookieSplit(str) { if (utils.isNotNull(str) && !str.trim().endsWith(";")) { str += ";"; } return str; } /** * 合并两个cookie */ concatCookie(targetCookie, newCookie) { if (utils.isNull(targetCookie)) { return newCookie; } targetCookie = targetCookie.trim(); newCookie = newCookie.trim(); targetCookie = this.fixCookieSplit(targetCookie); if (newCookie.startsWith(";")) { newCookie = newCookie.substring(1); } return targetCookie.concat(newCookie); } /** * 处理cookie * @param details * @returns */ handle(details) { if (details.fetch) { return; } if (!this.$data.enable) { return; } let ownCookie = ""; let url = details.url; if (url.startsWith("//")) { url = window.location.protocol + url; } let urlObj = new URL(url); if (this.$data.useDocumentCookie && urlObj.hostname.endsWith( window.location.hostname.split(".").slice(-2).join(".") )) { ownCookie = this.concatCookie(ownCookie, document.cookie.trim()); } for (let index = 0; index < this.$data.cookieRule.length; index++) { let rule = this.$data.cookieRule[index]; if (urlObj.hostname.match(rule.hostname)) { let cookie = PopsPanel.getValue(rule.key); if (utils.isNull(cookie)) { break; } ownCookie = this.concatCookie(ownCookie, cookie); } } if (utils.isNotNull(ownCookie)) { if (details.headers && details.headers["Cookie"]) { details.headers.Cookie = this.concatCookie( details.headers.Cookie, ownCookie ); } else { details.headers["Cookie"] = ownCookie; } log.info(["Httpx => 设置cookie:", details]); } if (details.headers && details.headers.Cookie != null && utils.isNull(details.headers.Cookie)) { delete details.headers.Cookie; } } } const httpxCookieManager = new HttpxCookieManager([]); const unsafeWin = _unsafeWindow; const console$1 = unsafeWin.console; const _SCRIPT_NAME_ = "网页调试"; const utils = Utils.noConflict(); const domUtils = DOMUtils.noConflict(); const __pops = pops; const log = new utils.Log( _GM_info, unsafeWin.console || _monkeyWindow.console ); const SCRIPT_NAME = ((_a = _GM_info == null ? void 0 : _GM_info.script) == null ? void 0 : _a.name) || _SCRIPT_NAME_; const DEBUG = false; log.config({ debug: DEBUG, logMaxCount: 1e3, autoClearConsole: true, tag: true }); Qmsg.config( Object.defineProperties( { html: true, autoClose: true, showClose: false }, { position: { get() { return PopsPanel.getValue( PanelSettingConfig.qmsg_config_position.key, PanelSettingConfig.qmsg_config_position.defaultValue ); } }, maxNums: { get() { return PopsPanel.getValue( PanelSettingConfig.qmsg_config_maxnums.key, PanelSettingConfig.qmsg_config_maxnums.defaultValue ); } }, showReverse: { get() { return PopsPanel.getValue( PanelSettingConfig.qmsg_config_showreverse.key, PanelSettingConfig.qmsg_config_showreverse.defaultValue ); } }, zIndex: { get() { let maxZIndex = Utils.getMaxZIndex(); let popsMaxZIndex = pops.config.InstanceUtils.getPopsMaxZIndex().zIndex; return Utils.getMaxValue(maxZIndex, popsMaxZIndex) + 100; } } } ) ); const GM_Menu = new utils.GM_Menu({ GM_getValue: _GM_getValue, GM_setValue: _GM_setValue, GM_registerMenuCommand: _GM_registerMenuCommand, GM_unregisterMenuCommand: _GM_unregisterMenuCommand }); const httpx = new utils.Httpx(_GM_xmlhttpRequest); httpx.interceptors.request.use((data) => { httpxCookieManager.handle(data); return data; }); httpx.interceptors.response.use(void 0, (data) => { log.error("拦截器-请求错误", data); if (data.type === "onabort") { Qmsg.warning("请求取消"); } else if (data.type === "onerror") { Qmsg.error("请求异常"); } else if (data.type === "ontimeout") { Qmsg.error("请求超时"); } else { Qmsg.error("其它错误"); } return data; }); httpx.config({ logDetails: DEBUG }); ({ Object: { defineProperty: unsafeWin.Object.defineProperty }, Function: { apply: unsafeWin.Function.prototype.apply, call: unsafeWin.Function.prototype.call }, Element: { appendChild: unsafeWin.Element.prototype.appendChild }, setTimeout: unsafeWin.setTimeout }); utils.addStyle.bind(utils); document.querySelector.bind(document); document.querySelectorAll.bind(document); const copy = _GM_setClipboard || utils.setClip.bind(utils); const KEY = "GM_Panel"; const ATTRIBUTE_INIT = "data-init"; const ATTRIBUTE_KEY = "data-key"; const ATTRIBUTE_DEFAULT_VALUE = "data-default-value"; const ATTRIBUTE_INIT_MORE_VALUE = "data-init-more-value"; const PROPS_STORAGE_API = "data-storage-api"; const PanelUISize = { /** * 一般设置界面的尺寸 */ setting: { get width() { return window.innerWidth < 550 ? "88vw" : "550px"; }, get height() { return window.innerHeight < 450 ? "70vh" : "450px"; } }, /** * 功能丰富，aside铺满了的设置界面，要稍微大一点 */ settingBig: { get width() { return window.innerWidth < 800 ? "92vw" : "800px"; }, get height() { return window.innerHeight < 600 ? "80vh" : "600px"; } }, /** * 信息界面，一般用于提示信息之类 */ info: { get width() { return window.innerWidth < 350 ? "350px" : "350px"; }, get height() { return window.innerHeight < 250 ? "250px" : "250px"; } } }; const UISelect = function(text, key, defaultValue, data, callback, description) { let selectData = []; if (typeof data === "function") { selectData = data(); } else { selectData = data; } let result = { text, type: "select", description, attributes: {}, props: {}, getValue() { return this.props[PROPS_STORAGE_API].get(key, defaultValue); }, callback(event, isSelectedValue, isSelectedText) { let value = isSelectedValue; log.info(`选择：${isSelectedText}`); this.props[PROPS_STORAGE_API].set(key, value); }, data: selectData }; Reflect.set(result.attributes, ATTRIBUTE_KEY, key); Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue); Reflect.set(result.props, PROPS_STORAGE_API, { get(key2, defaultValue2) { return PopsPanel.getValue(key2, defaultValue2); }, set(key2, value) { PopsPanel.setValue(key2, value); } }); return result; }; const UISwitch = function(text, key, defaultValue, clickCallBack, description, afterAddToUListCallBack) { let result = { text, type: "switch", description, attributes: {}, props: {}, getValue() { return Boolean( this.props[PROPS_STORAGE_API].get(key, defaultValue) ); }, callback(event, __value) { let value = Boolean(__value); log.success(`${value ? "开启" : "关闭"} ${text}`); if (typeof clickCallBack === "function") { if (clickCallBack(event, value)) { return; } } this.props[PROPS_STORAGE_API].set(key, value); }, afterAddToUListCallBack }; Reflect.set(result.attributes, ATTRIBUTE_KEY, key); Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue); Reflect.set(result.props, PROPS_STORAGE_API, { get(key2, defaultValue2) { return PopsPanel.getValue(key2, defaultValue2); }, set(key2, value) { PopsPanel.setValue(key2, value); } }); return result; }; const PanelUI_globalSetting = { id: "debug-panel-config-all", title: "总设置", headerTitle: "总设置", forms: [ { text: "功能", type: "forms", forms: [ UISelect( "调试工具", PanelSettingConfig.debugTool.key, PanelSettingConfig.debugTool.defaultValue, [ { value: "eruda", text: "Eruda" }, { value: "vconsole", text: "VConsole" }, { value: "pagespy", text: "PageSpy" }, { value: "chii", text: "Chii" } ], void 0, void 0 ), UISwitch( "允许在iframe内加载", PanelSettingConfig.allowRunInIframe.key, PanelSettingConfig.allowRunInIframe.defaultValue, void 0, "如果指定本脚本的容器并没有在iframe内执行本脚本，那么该功能将不会生效" ), UISwitch( "主动加载调试工具", PanelSettingConfig.autoLoadDebugTool.key, PanelSettingConfig.autoLoadDebugTool.defaultValue, void 0, "关闭后将会在脚本菜单注册按钮，有3种状态【加载并显示调试工具】、【隐藏调试工具】、【显示调试工具】" ) ] } ] }; const UIButton = function(text, description, buttonText, buttonIcon, buttonIsRightIcon, buttonIconIsLoading, buttonType, clickCallBack, afterAddToUListCallBack, disable) { let result = { text, type: "button", attributes: {}, description, buttonIcon, buttonIsRightIcon, buttonIconIsLoading, buttonType, buttonText, callback(event) { if (typeof clickCallBack === "function") { clickCallBack(event); } }, afterAddToUListCallBack }; Reflect.set(result.attributes, ATTRIBUTE_INIT, () => { result.disable = Boolean( typeof disable === "function" ? disable() : disable ); }); return result; }; const UIInput = function(text, key, defaultValue, description, changeCallBack, placeholder = "", isNumber, isPassword) { let result = { text, type: "input", isNumber: Boolean(isNumber), isPassword: Boolean(isPassword), props: {}, attributes: {}, description, getValue() { return this.props[PROPS_STORAGE_API].get(key, defaultValue); }, callback(event, value) { this.props[PROPS_STORAGE_API].set(key, value); }, placeholder }; Reflect.set(result.attributes, ATTRIBUTE_KEY, key); Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue); Reflect.set(result.props, PROPS_STORAGE_API, { get(key2, defaultValue2) { return PopsPanel.getValue(key2, defaultValue2); }, set(key2, value) { PopsPanel.setValue(key2, value); } }); return result; }; const PanelUI_vConsole = { id: "debug-panel-config-vconsole", title: "vConsole", headerTitle: `<a href='${DebugToolConfig.vConsole.settingDocUrl}' target='_blank'>vConsole设置</a>`, forms: [ { text: "功能", type: "forms", forms: [ UIButton( "当前版本", "", DebugToolConfig.vConsole.version, void 0, false, false, "primary", (event) => { utils.preventEvent(event); window.open(DebugToolConfig.vConsole.homeUrl, "_blank"); } ), { type: "own", getLiElementCallBack(liElement) { let $left = document.createElement("div"); $left.className = "pops-panel-item-left-text"; $left.innerHTML = /*html*/ ` <p class="pops-panel-item-left-main-text">最新版本</p> `; let $right = document.createElement("div"); $right.className = "pops-panel-item-right-text"; $right.innerHTML = /*html*/ ` <a href="${DebugToolConfig.vConsole.homeUrl}" target="_blank"> <img src="https://img.shields.io/npm/v/vconsole/latest.svg?label=vConsole" alt="vConsole"> </a> `; liElement.appendChild($left); liElement.appendChild($right); return liElement; } }, UISwitch( "自动打开面板", PanelSettingConfig.vconsole_auto_open_panel.key, PanelSettingConfig.vconsole_auto_open_panel.defaultValue, void 0, "加载完毕后自动显示面板内容" ), UISelect( "默认展示的面板元素", PanelSettingConfig.vconsole_default_show_panel_name.key, PanelSettingConfig.vconsole_default_show_panel_name.defaultValue, [ { text: "Log", value: "default" }, { text: "System", value: "system", disable() { return !PopsPanel.getValue( PanelSettingConfig.vConsole_panel_system.key ); } }, { text: "Network", value: "network", disable() { return !PopsPanel.getValue( PanelSettingConfig.vConsole_panel_network.key ); } }, { text: "Element", value: "element", disable() { return !PopsPanel.getValue( PanelSettingConfig.vConsole_panel_element.key ); } }, { text: "Storage", value: "storage", disable() { return !PopsPanel.getValue( PanelSettingConfig.vConsole_panel_storage.key ); } }, { text: "Stats", value: "stats", disable() { return !PopsPanel.getValue( PanelSettingConfig.vConsole_plugin_Resource_vConsole_Stats.key ); } }, { text: "exportLog", value: "exportlog", disable() { return !PopsPanel.getValue( PanelSettingConfig.vConsole_plugin_Resource_vConsole_ExportLog.key ); } }, { text: "Vue", value: "vue", disable() { return !PopsPanel.getValue( PanelSettingConfig.vConsole_plugin_Resource_vConsoleVueDevtools.key ); } } ], void 0, "开启【自动打开面板】才会生效" ) ] }, { text: "面板", type: "forms", forms: [ UISwitch( "System", PanelSettingConfig.vConsole_panel_system.key, PanelSettingConfig.vConsole_panel_system.defaultValue, void 0, "控制台" ), UISwitch( "Network", PanelSettingConfig.vConsole_panel_network.key, PanelSettingConfig.vConsole_panel_network.defaultValue, void 0, "元素" ), UISwitch( "Element", PanelSettingConfig.vConsole_panel_element.key, PanelSettingConfig.vConsole_panel_element.defaultValue, void 0, "网络" ), UISwitch( "Storage", PanelSettingConfig.vConsole_panel_storage.key, PanelSettingConfig.vConsole_panel_storage.defaultValue, void 0, "资源" ) ] }, { text: "配置", type: "forms", forms: [ UISelect( "主题", PanelSettingConfig.vConsole_theme.key, PanelSettingConfig.vConsole_theme.defaultValue, [ { value: "auto", text: "自动" }, { value: "light", text: "浅色主题" }, { value: "dark", text: "深色主题" } ], void 0, void 0 ), UISwitch( "禁止Log自动滚动", PanelSettingConfig.vconsole_disableLogScrolling.key, PanelSettingConfig.vconsole_disableLogScrolling.defaultValue ), UISwitch( "显示日志的输出时间", PanelSettingConfig.vconsole_showTimestamps.key, PanelSettingConfig.vconsole_showTimestamps.defaultValue ), UIInput( "日志的上限数量", PanelSettingConfig.vconsole_maxLogNumber.key, PanelSettingConfig.vconsole_maxLogNumber.defaultValue, "请输入数字", void 0, void 0, true ), UIInput( "请求记录的上限数量", PanelSettingConfig.vconsole_maxNetworkNumber.key, PanelSettingConfig.vconsole_maxNetworkNumber.defaultValue, "请输入数字", void 0, void 0, true ) ] }, { text: "Storage配置", type: "forms", forms: [ UISwitch( "Cookies", PanelSettingConfig.vConsole_storage_defaultStorages_cookies.key, PanelSettingConfig.vConsole_storage_defaultStorages_cookies.defaultValue, void 0, "显示Cookies" ), UISwitch( "LocalStorage", PanelSettingConfig.vConsole_storage_defaultStorages_localStorage.key, PanelSettingConfig.vConsole_storage_defaultStorages_localStorage.defaultValue, void 0, "显示LocalStorage" ), UISwitch( "SessionStorage", PanelSettingConfig.vConsole_storage_defaultStorages_sessionStorage.key, PanelSettingConfig.vConsole_storage_defaultStorages_sessionStorage.defaultValue, void 0, "显示SessionStorage" ) ] }, { text: "插件", type: "forms", forms: [ UISwitch( "vconsole-stats-plugin", PanelSettingConfig.vConsole_plugin_Resource_vConsole_Stats.key, PanelSettingConfig.vConsole_plugin_Resource_vConsole_Stats.defaultValue, void 0, "A vConsole plugin which can show Stats in front-end." ), UISwitch( "vconsole-outputlog-plugin", PanelSettingConfig.vConsole_plugin_Resource_vConsole_ExportLog.key, PanelSettingConfig.vConsole_plugin_Resource_vConsole_ExportLog.defaultValue, void 0, "使用该插件可以复制或下载console中打印的log" ), UISwitch( /*html*/ ` <a class="plugin-anchor" href="https://github.com/Zippowxk/vue-vconsole-devtools" target="_blank"> <img src="https://img.shields.io/npm/v/vue-vconsole-devtools/latest.svg?label="> </a> vue-vconsole-devtools `, PanelSettingConfig.vConsole_plugin_Resource_vConsoleVueDevtools.key, PanelSettingConfig.vConsole_plugin_Resource_vConsoleVueDevtools.defaultValue, void 0, ` v${DebugToolVersionConfig.vconsole.plugin["vue-vconsole-devtools"]} <br> Vue-vConsole-devtools 是一款vConsole插件，把Vue.js官方调试工具vue-devtools移植到移动端，可以直接在移动端查看调试Vue.js应用 ` ) ] } ] }; const PanelUI_eruda = { id: "debug-panel-config-eruda", title: "Eruda", headerTitle: `<a href='${DebugToolConfig.eruda.settingDocUrl}' target='_blank'>Eruda设置</a>`, forms: [ { text: "功能", type: "forms", forms: [ UIButton( "当前版本", "", DebugToolConfig.eruda.version, void 0, false, false, "primary", (event) => { utils.preventEvent(event); window.open(DebugToolConfig.eruda.homeUrl, "_blank"); } ), { type: "own", getLiElementCallBack(liElement) { let $left = document.createElement("div"); $left.className = "pops-panel-item-left-text"; $left.innerHTML = /*html*/ ` <p class="pops-panel-item-left-main-text">最新版本</p> `; let $right = document.createElement("div"); $right.className = "pops-panel-item-right-text"; $right.innerHTML = /*html*/ ` <a href="${DebugToolConfig.eruda.homeUrl}" target="_blank"> <img src="https://img.shields.io/npm/v/eruda/latest.svg?label=eruda" alt="eruda"> </a> `; liElement.appendChild($left); liElement.appendChild($right); return liElement; } }, UISwitch( "自动打开面板", PanelSettingConfig.eruda_auto_open_panel.key, PanelSettingConfig.eruda_auto_open_panel.defaultValue, void 0, "加载完毕后自动显示面板内容" ), UISelect( "默认展示的面板元素", PanelSettingConfig.eruda_default_show_panel_name.key, PanelSettingConfig.eruda_default_show_panel_name.defaultValue, [ { text: "Console", value: "console", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_panel_console.key ); } }, { text: "Elements", value: "elements", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_panel_elements.key ); } }, { text: "Network", value: "network", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_panel_network.key ); } }, { text: "Resources", value: "resources", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_panel_resources.key ); } }, { text: "Sources", value: "sources", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_panel_sources.key ); } }, { text: "Info", value: "info", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_panel_info.key ); } }, { text: "Snippets", value: "snippets", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_panel_snippets.key ); } }, { text: "Monitor", value: "monitor", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaMonitor.key ); } }, { text: "Features", value: "features", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaFeatures.key ); } }, { text: "Timing", value: "timing", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaTiming.key ); } }, { text: "Code", value: "code", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaCode.key ); } }, { text: "Benchmark", value: "benchmark", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaBenchmark.key ); } }, { text: "Geolocation", value: "geolocation", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaGeolocation.key ); } }, { text: "Orientation", value: "orientation", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaOrientation.key ); } }, { text: "Touches", value: "touches", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaTouches.key ); } }, { text: "Outline", value: "outline", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaOutlinePlugin.key ); } }, { text: "Pixel", value: "pixel", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaPixel.key ); } }, { text: "Vue", value: "vue", disable() { return !PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaVue.key ); } }, { text: "Settings", value: "settings" } ], void 0, "开启【自动打开面板】才会生效" ) ] }, { text: "面板", type: "forms", forms: [ UISwitch( "Console", PanelSettingConfig.eruda_panel_console.key, PanelSettingConfig.eruda_panel_console.defaultValue, void 0, "控制台" ), UISwitch( "Elements", PanelSettingConfig.eruda_panel_elements.key, PanelSettingConfig.eruda_panel_elements.defaultValue, void 0, "元素" ), UISwitch( "Network", PanelSettingConfig.eruda_panel_network.key, PanelSettingConfig.eruda_panel_network.defaultValue, void 0, "网络" ), UISwitch( "Resources", PanelSettingConfig.eruda_panel_resources.key, PanelSettingConfig.eruda_panel_resources.defaultValue, void 0, "资源" ), UISwitch( "Sources", PanelSettingConfig.eruda_panel_sources.key, PanelSettingConfig.eruda_panel_sources.defaultValue, void 0, "源代码" ), UISwitch( "Info", PanelSettingConfig.eruda_panel_info.key, PanelSettingConfig.eruda_panel_info.defaultValue, void 0, "信息" ), UISwitch( "Snippets", PanelSettingConfig.eruda_panel_snippets.key, PanelSettingConfig.eruda_panel_snippets.defaultValue, void 0, "拓展" ) ] }, { text: "插件", type: "forms", forms: [ UISwitch( /*html*/ ` <a class="plugin-anchor" href="https://github.com/liriliri/eruda-monitor" target="_blank"> <img src="https://img.shields.io/npm/v/eruda-monitor/latest.svg?label="> </a> eruda-monitor `, PanelSettingConfig.eruda_plugin_Resource_erudaMonitor.key, PanelSettingConfig.eruda_plugin_Resource_erudaMonitor.defaultValue, void 0, ` v${DebugToolVersionConfig.eruda.plugin["eruda-monitor"]} <br> 展示页面的 fps 和内存信息 ` ), UISwitch( /*html*/ ` <a class="plugin-anchor" href="https://github.com/liriliri/eruda-features" target="_blank"> <img src="https://img.shields.io/npm/v/eruda-features/latest.svg?label="> </a> eruda-features `, PanelSettingConfig.eruda_plugin_Resource_erudaFeatures.key, PanelSettingConfig.eruda_plugin_Resource_erudaFeatures.defaultValue, void 0, ` v${DebugToolVersionConfig.eruda.plugin["eruda-features"]} <br> 浏览器特性检测 ` ), UISwitch( /*html*/ ` <a class="plugin-anchor" href="https://github.com/liriliri/eruda-timing" target="_blank"> <img src="https://img.shields.io/npm/v/eruda-timing/latest.svg?label="> </a> eruda-timing `, PanelSettingConfig.eruda_plugin_Resource_erudaTiming.key, PanelSettingConfig.eruda_plugin_Resource_erudaTiming.defaultValue, void 0, ` v${DebugToolVersionConfig["eruda"]["plugin"]["eruda-timing"]} <br> 展示性能资源数据 ` ), UISwitch( /*html*/ ` <a class="plugin-anchor" href="https://github.com/liriliri/eruda-code" target="_blank"> <img src="https://img.shields.io/npm/v/eruda-code/latest.svg?label="> </a> eruda-code `, PanelSettingConfig.eruda_plugin_Resource_erudaCode.key, PanelSettingConfig.eruda_plugin_Resource_erudaCode.defaultValue, void 0, ` v${DebugToolVersionConfig.eruda.plugin["eruda-code"]} <br> 运行 JavaScript 代码 ` ), UISwitch( /*html*/ ` <a class="plugin-anchor" href="https://github.com/liriliri/eruda-benchmark" target="_blank"> <img src="https://img.shields.io/npm/v/eruda-benchmark/latest.svg?label="> </a> eruda-benchmark `, PanelSettingConfig.eruda_plugin_Resource_erudaBenchmark.key, PanelSettingConfig.eruda_plugin_Resource_erudaBenchmark.defaultValue, void 0, ` v${DebugToolVersionConfig.eruda.plugin["eruda-benchmark"]} <br> 运行 JavaScript 性能测试 ` ), UISwitch( "eruda-geolocation", PanelSettingConfig.eruda_plugin_Resource_erudaGeolocation.key, PanelSettingConfig.eruda_plugin_Resource_erudaGeolocation.defaultValue, void 0, "测试地理位置接口" ), UISwitch( /*html*/ ` <a class="plugin-anchor" href="https://github.com/liriliri/eruda-orientation" target="_blank"> <img src="https://img.shields.io/npm/v/eruda-orientation/latest.svg?label="> </a> eruda-orientation `, PanelSettingConfig.eruda_plugin_Resource_erudaOrientation.key, PanelSettingConfig.eruda_plugin_Resource_erudaOrientation.defaultValue, void 0, ` v${DebugToolVersionConfig.eruda.plugin["eruda-orientation"]} <br> 测试重力感应接口 ` ), UISwitch( /*html*/ ` <a class="plugin-anchor" href="https://github.com/liriliri/eruda-vue" target="_blank"> <img src="https://img.shields.io/npm/v/eruda-vue/latest.svg?label="> </a> eruda-vue `, PanelSettingConfig.eruda_plugin_Resource_erudaVue.key, PanelSettingConfig.eruda_plugin_Resource_erudaVue.defaultValue, void 0, ` v${DebugToolVersionConfig.eruda.plugin["eruda-vue"]} <br> Vue调试工具 ` ), UISwitch( /*html*/ ` <a class="plugin-anchor" href="https://github.com/liriliri/eruda-touches" target="_blank"> <img src="https://img.shields.io/npm/v/eruda-touches/latest.svg?label="> </a> eruda-touches `, PanelSettingConfig.eruda_plugin_Resource_erudaTouches.key, PanelSettingConfig.eruda_plugin_Resource_erudaTouches.defaultValue, void 0, ` v${DebugToolVersionConfig.eruda.plugin["eruda-touches"]} <br> 可视化屏幕 Touch 事件触发 ` ), UISwitch( /*html*/ ` <a class="plugin-anchor" href="https://github.com/pomelo-chuan/eruda-outline-plugin" target="_blank"> <img src="https://img.shields.io/npm/v/eruda-outline-plugin/latest.svg?label="> </a> eruda-outline-plugin `, PanelSettingConfig.eruda_plugin_Resource_erudaOutlinePlugin.key, PanelSettingConfig.eruda_plugin_Resource_erudaOutlinePlugin.defaultValue, void 0, ` v${DebugToolVersionConfig.eruda.plugin["eruda-outline-plugin"]} <br> 给页面的元素添加边框 ` ), UISwitch( /*html*/ ` <a class="plugin-anchor" href="https://github.com/Faithree/eruda-pixel" target="_blank"> <img src="https://img.shields.io/npm/v/eruda-pixel/latest.svg?label="> </a> eruda-pixel `, PanelSettingConfig.eruda_plugin_Resource_erudaPixel.key, PanelSettingConfig.eruda_plugin_Resource_erudaPixel.defaultValue, void 0, ` v${DebugToolVersionConfig.eruda.plugin["eruda-pixel"]} <br> 高精度的UI恢复辅助工具 ` ) ] } ] }; const PanelUI_pagespy = { id: "debug-panel-config-pagespy", title: "PageSpy", headerTitle: `<a href='${DebugToolConfig.pageSpy.settingDocUrl}' target='_blank'>PageSpy设置</a>`, forms: [ { text: "功能", type: "forms", forms: [ UIButton( "注意！隐私保护！", "", "了解详情", void 0, false, false, "danger", (event) => { __pops.confirm({ title: { text: "提示", position: "center" }, content: { text: `下面默认配置的${DebugToolConfig.pageSpy.defaultConfig.api}是仅供测试使用的，其他人也可以看到你的调试信息，包括Cookie等信息，如果想用，请自己搭建一个调试端` }, btn: { reverse: true, position: "end", ok: { text: "前往了解更多", callback() { window.open( "https://github.com/HuolalaTech/page-spy-web/wiki/%F0%9F%90%9E-%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98%E8%A7%A3%E7%AD%94#user-content-testjikejishucom-%E6%98%AF%E5%AE%98%E6%96%B9%E6%8F%90%E4%BE%9B%E7%9A%84%E5%9F%9F%E5%90%8D%E5%90%97%E4%B8%80%E7%9B%B4%E5%8F%AF%E4%BB%A5%E7%94%A8%E5%90%97", "_blank" ); } } }, mask: { enable: true }, width: PanelUISize.info.width, height: PanelUISize.info.height }); }, void 0 ), UIButton( "当前版本", "", DebugToolConfig.pageSpy.version, void 0, false, false, "primary", (event) => { utils.preventEvent(event); window.open(DebugToolConfig.pageSpy.homeUrl, "_blank"); } ), { type: "own", getLiElementCallBack(liElement) { let $left = document.createElement("div"); $left.className = "pops-panel-item-left-text"; $left.innerHTML = /*html*/ ` <p class="pops-panel-item-left-main-text">最新版本</p> `; let $right = document.createElement("div"); $right.className = "pops-panel-item-right-text"; $right.innerHTML = /*html*/ ` <a href="${DebugToolConfig.pageSpy.homeUrl}" target="_blank"> <img src="https://img.shields.io/npm/v/@huolala-tech/page-spy-browser?label=pagespy" alt="page-spy-browser"> </a> `; liElement.appendChild($left); liElement.appendChild($right); return liElement; } }, UISwitch( "禁止在调试端运行", PanelSettingConfig.pagespy_disable_run_in_debug_client.key, PanelSettingConfig.pagespy_disable_run_in_debug_client.defaultValue, void 0, "调试端是下面配置的api/clientOrigin地址" ) ] }, { text: "配置", type: "forms", forms: [ UIInput( "api", PanelSettingConfig.pagespy_api.key, PanelSettingConfig.pagespy_api.defaultValue, "", void 0, "服务器地址的 Host" ), UIInput( "clientOrigin", PanelSettingConfig.pagespy_clientOrigin.key, PanelSettingConfig.pagespy_clientOrigin.defaultValue, "", void 0, "服务器地址的 Origin" ), UIInput( "project", PanelSettingConfig.pagespy_project.key, PanelSettingConfig.pagespy_project.defaultValue, void 0, void 0, "项目名称" ), UIInput( "title", PanelSettingConfig.pagespy_title.key, PanelSettingConfig.pagespy_title.defaultValue, void 0, void 0, "自定义标题" ), UISwitch( "autoRender", PanelSettingConfig.pagespy_autoRender.key, PanelSettingConfig.pagespy_autoRender.defaultValue, void 0, "自动渲染「圆形白底带 Logo」" ), UISelect( "enableSSL", PanelSettingConfig.pagespy_enableSSL.key, PanelSettingConfig.pagespy_enableSSL.defaultValue, [ { value: null, text: "默认(自动分析)" }, { value: true, text: "开启" }, { value: false, text: "关闭" } ], void 0, "是否https" ), UISwitch( "offline", PanelSettingConfig.pagespy_offline.key, PanelSettingConfig.pagespy_offline.defaultValue, void 0, `是否进入 "离线模式"，具体表现为 PageSpy 不会创建房间、建立 WebSocket 连接。` ), UISwitch( "serializeData", PanelSettingConfig.pagespy_serializeData.key, PanelSettingConfig.pagespy_serializeData.defaultValue, void 0, `是否允许 SDK 在收集离线日志时，序列化非基本类型的数据，序列化的目的是方便在回放时查看` ), UISwitch( "useSecret", PanelSettingConfig.pagespy_useSecret.key, PanelSettingConfig.pagespy_useSecret.defaultValue, void 0, `是否启用权限认证功能。启用后，SDK 会生成 6 位数的随机 “密钥”；调试端进入房间时要求输入对应的密钥` ), UIInput( "messageCapacity", PanelSettingConfig.pagespy_messageCapacity.key, PanelSettingConfig.pagespy_messageCapacity.defaultValue, "调试端进入房间后可以看到之前的数据量的大小", void 0, `指定 SDK 在本地最多缓存多少条数据记录` ) ] } ] }; const UISlider = function(text, key, defaultValue, min, max, changeCallBack, getToolTipContent, description, step) { let result = { text, type: "slider", description, attributes: {}, props: {}, getValue() { return this.props[PROPS_STORAGE_API].get(key, defaultValue); }, getToolTipContent(value) { if (typeof getToolTipContent === "function") { return getToolTipContent(value); } else { return `${value}`; } }, callback(event, value) { if (typeof changeCallBack === "function") { if (changeCallBack(event, value)) { return; } } this.props[PROPS_STORAGE_API].set(key, value); }, min, max, step }; Reflect.set(result.attributes, ATTRIBUTE_KEY, key); Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue); Reflect.set(result.props, PROPS_STORAGE_API, { get(key2, defaultValue2) { return PopsPanel.getValue(key2, defaultValue2); }, set(key2, value) { PopsPanel.setValue(key2, value); } }); return result; }; const PanelUI_chii = { id: "debug-panel-config-chii", title: "Chii", headerTitle: `<a href='${DebugToolConfig.chii.settingDocUrl}' target='_blank'>Chii设置</a>`, forms: [ { text: "功能", type: "forms", forms: [ UIButton( "调试页面", "", "前往", void 0, false, false, "primary", (event) => { let url = PopsPanel.getValue( "chii-debug-url", DebugToolConfig.chii.defaultConfig.url ); window.open(url, "_blank"); }, void 0, () => { return Boolean( PopsPanel.getValue( PanelSettingConfig.chii_script_embedded.key, PanelSettingConfig.chii_script_embedded.defaultValue ) ); } ) ] }, { text: "配置", type: "forms", forms: [ UISwitch( "本页展示", PanelSettingConfig.chii_script_embedded.key, PanelSettingConfig.chii_script_embedded.defaultValue, (event, value) => { let $shadowRoot = event.target.getRootNode(); let button = $shadowRoot.querySelector( "li.pops-panel-forms-container-item ul > li > .pops-panel-button button" ); if (value) { button.setAttribute("disabled", "true"); } else { button.removeAttribute("disabled"); } }, "将调试器展示在同一页面中" ), UISwitch( "禁止在调试端运行", PanelSettingConfig.chii_disable_run_in_debug_url.key, PanelSettingConfig.chii_disable_run_in_debug_url.defaultValue, void 0, "调试端是下面配置的【调试页面Url】" ), UISwitch( "检测script加载", PanelSettingConfig.chii_check_script_load.key, PanelSettingConfig.chii_check_script_load.defaultValue, void 0, "失败会有alert提示弹出" ), UIInput( "调试页面Url", PanelSettingConfig.chii_debug_url.key, PanelSettingConfig.chii_debug_url.defaultValue, "请输入链接Url", void 0, "配置【调试页面】的Url" ), UIInput( "来源js", PanelSettingConfig.chii_target_js.key, PanelSettingConfig.chii_target_js.defaultValue, "请输入目标js文件", void 0, "用于注入页面来进行调试" ) ] }, { text: "本页展示的配置", type: "forms", forms: [ UISwitch( "锁定高度", PanelSettingConfig.chii_embedded_height_enable.key, PanelSettingConfig.chii_embedded_height_enable.defaultValue, void 0, "开启后将自动覆盖面板高度" ), UISlider( "高度设定", PanelSettingConfig.chii_embedded_height.key, PanelSettingConfig.chii_embedded_height.defaultValue, 0, parseInt(window.innerHeight.toString()), (_, value) => { let $chobitsu = document.querySelector( ".__chobitsu-hide__:has(iframe)" ); $chobitsu && ($chobitsu.style.height = value + "px"); }, (value) => value + "px", "可覆盖当前页面Chii面板的高度", 1 ) ] } ] }; const PopsPanel = { /** 数据 */ $data: { __data: null, __oneSuccessExecMenu: null, __onceExec: null, __listenData: null, /** * 菜单项的默认值 */ get data() { if (PopsPanel.$data.__data == null) { PopsPanel.$data.__data = new utils.Dictionary(); } return PopsPanel.$data.__data; }, /** * 成功只执行了一次的项 */ get oneSuccessExecMenu() { if (PopsPanel.$data.__oneSuccessExecMenu == null) { PopsPanel.$data.__oneSuccessExecMenu = new utils.Dictionary(); } return PopsPanel.$data.__oneSuccessExecMenu; }, /** * 成功只执行了一次的项 */ get onceExec() { if (PopsPanel.$data.__onceExec == null) { PopsPanel.$data.__onceExec = new utils.Dictionary(); } return PopsPanel.$data.__onceExec; }, /** 脚本名，一般用在设置的标题上 */ get scriptName() { return SCRIPT_NAME; }, /** 菜单项的总值在本地数据配置的键名 */ key: KEY, /** 菜单项在attributes上配置的菜单键 */ attributeKeyName: ATTRIBUTE_KEY, /** 菜单项在attributes上配置的菜单默认值 */ attributeDefaultValueName: ATTRIBUTE_DEFAULT_VALUE }, /** 监听器 */ $listener: { /** * 值改变的监听器 */ get listenData() { if (PopsPanel.$data.__listenData == null) { PopsPanel.$data.__listenData = new utils.Dictionary(); } return PopsPanel.$data.__listenData; } }, init() { let contentConfigList = this.getPanelContentConfig(); this.initPanelConfigDefaultValue([...contentConfigList]); this.registerMenu(); }, /** 判断是否是顶层窗口 */ isTopWindow() { return window.top === window.self; }, /** 初始化进行注册油猴菜单 */ registerMenu() { if (!this.isTopWindow()) { return; } GM_Menu.add([ { key: "show_pops_panel_setting", text: "⚙ 设置", autoReload: false, isStoreValue: false, showText(text) { return text; }, callback: () => { this.showPanel(); } } ]); }, /** 初始化菜单项的默认值保存到本地数据中 */ initPanelConfigDefaultValue(contentConfigList) { let that = this; function initDefaultValue(config) { if (!config.attributes) { return; } let needInitConfig = {}; let key = config.attributes[ATTRIBUTE_KEY]; if (key != null) { needInitConfig[key] = config.attributes[ATTRIBUTE_DEFAULT_VALUE]; } let __attr_init__ = config.attributes[ATTRIBUTE_INIT]; if (typeof __attr_init__ === "function") { let __attr_result__ = __attr_init__(); if (typeof __attr_result__ === "boolean" && !__attr_result__) { return; } } let initMoreValue = config.attributes[ATTRIBUTE_INIT_MORE_VALUE]; if (initMoreValue && typeof initMoreValue === "object") { Object.assign(needInitConfig, initMoreValue); } let needInitConfigList = Object.keys(needInitConfig); if (!needInitConfigList.length) { if (config.type !== "button") { log.warn("请先配置键", config); } return; } needInitConfigList.forEach((__key) => { let __defaultValue = needInitConfig[__key]; if (that.$data.data.has(__key)) { log.warn("请检查该key(已存在): " + __key); } that.$data.data.set(__key, __defaultValue); }); } function loopInitDefaultValue(configList) { for (let index = 0; index < configList.length; index++) { let configItem = configList[index]; initDefaultValue(configItem); let childForms = configItem.forms; if (childForms && Array.isArray(childForms)) { loopInitDefaultValue(childForms); } } } for (let index = 0; index < contentConfigList.length; index++) { let leftContentConfigItem = contentConfigList[index]; if (!leftContentConfigItem.forms) { continue; } let rightContentConfigList = leftContentConfigItem.forms; if (rightContentConfigList && Array.isArray(rightContentConfigList)) { loopInitDefaultValue(rightContentConfigList); } } }, /** * 设置值 * @param key 键 * @param value 值 */ setValue(key, value) { let locaData = _GM_getValue(KEY, {}); let oldValue = locaData[key]; locaData[key] = value; _GM_setValue(KEY, locaData); if (this.$listener.listenData.has(key)) { this.$listener.listenData.get(key).callback(key, oldValue, value); } }, /** * 获取值 * @param key 键 * @param defaultValue 默认值 */ getValue(key, defaultValue) { let locaData = _GM_getValue(KEY, {}); let localValue = locaData[key]; if (localValue == null) { if (this.$data.data.has(key)) { return this.$data.data.get(key); } return defaultValue; } return localValue; }, /** * 删除值 * @param key 键 */ deleteValue(key) { let locaData = _GM_getValue(KEY, {}); let oldValue = locaData[key]; Reflect.deleteProperty(locaData, key); _GM_setValue(KEY, locaData); if (this.$listener.listenData.has(key)) { this.$listener.listenData.get(key).callback(key, oldValue, void 0); } }, /** * 监听调用setValue、deleteValue * @param key 需要监听的键 * @param callback */ addValueChangeListener(key, callback, option) { let listenerId = Math.random(); this.$listener.listenData.set(key, { id: listenerId, key, callback }); if (option) { if (option.immediate) { callback(key, this.getValue(key), this.getValue(key)); } } return listenerId; }, /** * 移除监听 * @param listenerId 监听的id */ removeValueChangeListener(listenerId) { let deleteKey = null; for (const [key, value] of this.$listener.listenData.entries()) { if (value.id === listenerId) { deleteKey = key; break; } } if (typeof deleteKey === "string") { this.$listener.listenData.delete(deleteKey); } else { console.warn("没有找到对应的监听器"); } }, /** * 主动触发菜单值改变的回调 * @param key 菜单键 * @param newValue 想要触发的新值，默认使用当前值 * @param oldValue 想要触发的旧值，默认使用当前值 */ triggerMenuValueChange(key, newValue, oldValue) { if (this.$listener.listenData.has(key)) { let listenData = this.$listener.listenData.get(key); if (typeof listenData.callback === "function") { let value = this.getValue(key); let __newValue = value; let __oldValue = value; if (typeof newValue !== "undefined" && arguments.length > 1) { __newValue = newValue; } if (typeof oldValue !== "undefined" && arguments.length > 2) { __oldValue = oldValue; } listenData.callback(key, __oldValue, __newValue); } } }, /** * 判断该键是否存在 * @param key 键 */ hasKey(key) { let locaData = _GM_getValue(KEY, {}); return key in locaData; }, /** * 自动判断菜单是否启用，然后执行回调 * @param key * @param callback 回调 * @param isReverse 逆反判断菜单启用 * @param checkEnableCallBack 自定义检测菜单的值，可自行决定是否强制启用菜单，true是启用菜单，false是不启用菜单 */ execMenu(key, callback, isReverse = false, checkEnableCallBack) { if (!(typeof key === "string" || typeof key === "object" && Array.isArray(key))) { throw new TypeError("key 必须是字符串或者字符串数组"); } let runKeyList = []; if (typeof key === "object" && Array.isArray(key)) { runKeyList = [...key]; } else { runKeyList.push(key); } let value = void 0; for (let index = 0; index < runKeyList.length; index++) { const runKey = runKeyList[index]; if (!this.$data.data.has(runKey)) { log.warn(`${key} 键不存在`); return; } let runValue = PopsPanel.getValue(runKey); if (isReverse) { runValue = !runValue; } if (typeof checkEnableCallBack === "function") { let checkResult = checkEnableCallBack(runKey, runValue); if (typeof checkResult === "boolean") { runValue = checkResult; } } if (!runValue) { break; } value = runValue; } if (value) { callback(value); } }, /** * 自动判断菜单是否启用，然后执行回调，只会执行一次 * @param key * @param callback 回调 * @param getValueFn 自定义处理获取当前值，值true是启用并执行回调，值false是不执行回调 * @param handleValueChangeFn 自定义处理值改变时的回调，值true是启用并执行回调，值false是不执行回调 * @param checkEnableCallBack 自定义检测菜单的值，可自行决定是否强制启用菜单，true是启用菜单，false是不启用菜单 */ execMenuOnce(key, callback, getValueFn, handleValueChangeFn, checkEnableCallBack) { if (typeof key !== "string") { throw new TypeError("key 必须是字符串"); } if (!this.$data.data.has(key)) { log.warn(`${key} 键不存在`); return; } if (this.$data.oneSuccessExecMenu.has(key)) { return; } this.$data.oneSuccessExecMenu.set(key, 1); let __getValue = () => { let localValue = PopsPanel.getValue(key); return typeof getValueFn === "function" ? getValueFn(key, localValue) : localValue; }; let resultStyleList = []; let dynamicPushStyleNode = ($style) => { let __value = __getValue(); let dynamicResultList = []; if ($style instanceof HTMLStyleElement) { dynamicResultList = [$style]; } else if (Array.isArray($style)) { dynamicResultList = [ ...$style.filter( (item) => item != null && item instanceof HTMLStyleElement ) ]; } if (__value) { resultStyleList = resultStyleList.concat(dynamicResultList); } else { for (let index = 0; index < dynamicResultList.length; index++) { let $css = dynamicResultList[index]; $css.remove(); dynamicResultList.splice(index, 1); index--; } } }; let checkMenuEnableCallBack = (currentValue) => { return typeof checkEnableCallBack === "function" ? checkEnableCallBack(key, currentValue) : currentValue; }; let changeCallBack = (currentValue) => { let resultList = []; if (checkMenuEnableCallBack(currentValue)) { let result = callback(currentValue, dynamicPushStyleNode); if (result instanceof HTMLStyleElement) { resultList = [result]; } else if (Array.isArray(result)) { resultList = [ ...result.filter( (item) => item != null && item instanceof HTMLStyleElement ) ]; } } for (let index = 0; index < resultStyleList.length; index++) { let $css = resultStyleList[index]; $css.remove(); resultStyleList.splice(index, 1); index--; } resultStyleList = [...resultList]; }; this.addValueChangeListener( key, (__key, oldValue, newValue) => { let __newValue = newValue; if (typeof handleValueChangeFn === "function") { __newValue = handleValueChangeFn(__key, newValue, oldValue); } changeCallBack(__newValue); } ); let value = __getValue(); if (value) { changeCallBack(value); } }, /** * 父子菜单联动，自动判断菜单是否启用，然后执行回调，只会执行一次 * @param key 菜单键 * @param childKey 子菜单键 * @param callback 回调 * @param replaceValueFn 用于修改mainValue，返回undefined则不做处理 */ execInheritMenuOnce(key, childKey, callback, replaceValueFn) { let that = this; const handleInheritValue = (key2, childKey2) => { let mainValue = that.getValue(key2); let childValue = that.getValue(childKey2); if (typeof replaceValueFn === "function") { let changedMainValue = replaceValueFn(mainValue, childValue); if (changedMainValue != null) { return changedMainValue; } } return mainValue; }; this.execMenuOnce( key, callback, () => { return handleInheritValue(key, childKey); }, () => { return handleInheritValue(key, childKey); } ); this.execMenuOnce( childKey, () => { }, () => false, () => { this.triggerMenuValueChange(key); return false; } ); }, /** * 根据自定义key只执行一次 * @param key 自定义key */ onceExec(key, callback) { if (typeof key !== "string") { throw new TypeError("key 必须是字符串"); } if (this.$data.onceExec.has(key)) { return; } callback(); this.$data.onceExec.set(key, 1); }, /** * 显示设置面板 */ showPanel() { __pops.panel({ title: { text: `${SCRIPT_NAME}-设置`, position: "center", html: false, style: "" }, content: this.getPanelContentConfig(), mask: { enable: true, clickEvent: { toClose: true, toHide: false } }, width: PanelUISize.setting.width, height: PanelUISize.setting.height, drag: true, only: true, zIndex() { let maxZIndex = Utils.getMaxZIndex(); let popsMaxZIndex = __pops.config.InstanceUtils.getPopsMaxZIndex().zIndex; return Utils.getMaxValue(maxZIndex, popsMaxZIndex) + 100; }, style: ( /*css*/ ` aside.pops-panel-aside{ width: 20%; } .plugin-anchor{ text-decoration: none; display: inline-flex; vertical-align: text-bottom; } ` ) }); }, /** * 获取配置内容 */ getPanelContentConfig() { let configList = [ PanelUI_globalSetting, PanelUI_eruda, PanelUI_vConsole, PanelUI_pagespy, PanelUI_chii ]; return configList; } }; const WebSiteDebugUtil = { /** * 执行插件代码 * @param args */ evalPlugin: (...args) => { if (args.length === 0) { return; } const codeText = args.join("\n"); return unsafeWin.eval(` (()=>{ try{ var exports=void 0; }catch(error){ console.warn(error); } try{ var module=void 0; }catch(error){ console.warn(error); } try{ var define=void 0; }catch(error){ console.warn(error); } ${codeText} })() `); } }; const Eruda = () => { initEruda("Eruda", unsafeWin); let Eruda2 = unsafeWin.Eruda || globalThis.Eruda; if (!Eruda2) { alert("调试工具【eruda】注册全局失败，请反馈开发者"); return; } let inintPanelList = []; if (PopsPanel.getValue(PanelSettingConfig.eruda_panel_console.key)) { inintPanelList.push("console"); } if (PopsPanel.getValue(PanelSettingConfig.eruda_panel_elements.key)) { inintPanelList.push("elements"); } if (PopsPanel.getValue(PanelSettingConfig.eruda_panel_network.key)) { inintPanelList.push("network"); } if (PopsPanel.getValue(PanelSettingConfig.eruda_panel_resources.key)) { inintPanelList.push("resources"); } if (PopsPanel.getValue(PanelSettingConfig.eruda_panel_sources.key)) { inintPanelList.push("sources"); } if (PopsPanel.getValue(PanelSettingConfig.eruda_panel_info.key)) { inintPanelList.push("info"); } if (PopsPanel.getValue(PanelSettingConfig.eruda_panel_snippets.key)) { inintPanelList.push("snippets"); } DebugToolConfig.eruda.version = Eruda2.version; Eruda2.init({ tool: inintPanelList }); console$1.log(`eruda当前版本：${Eruda2.version}`); console$1.log(`eruda项目地址：${DebugToolConfig.eruda.homeUrl}`); console$1.log("eruda的全局变量名: Eruda"); if (PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaMonitor.key )) { try { WebSiteDebugUtil.evalPlugin( _GM_getResourceText( PanelSettingConfig.eruda_plugin_Resource_erudaMonitor.resource ) ); Eruda2.add(erudaMonitor); } catch (error) { console$1.error("插件【eruda-monitor】加载失败，原因：", error); } } if (PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaFeatures.key )) { try { WebSiteDebugUtil.evalPlugin( _GM_getResourceText( PanelSettingConfig.eruda_plugin_Resource_erudaFeatures.resource ) ); Eruda2.add(erudaFeatures); } catch (error) { console$1.error("插件【eruda-features】加载失败，原因：", error); } } if (PopsPanel.getValue(PanelSettingConfig.eruda_plugin_Resource_erudaTiming.key)) { try { WebSiteDebugUtil.evalPlugin( _GM_getResourceText( PanelSettingConfig.eruda_plugin_Resource_erudaTiming.resource ) ); Eruda2.add(erudaTiming); } catch (error) { console$1.error("插件【eruda-timing】加载失败，原因：", error); } } if (PopsPanel.getValue(PanelSettingConfig.eruda_plugin_Resource_erudaCode.key)) { try { WebSiteDebugUtil.evalPlugin( _GM_getResourceText( PanelSettingConfig.eruda_plugin_Resource_erudaCode.resource ) ); Eruda2.add(erudaCode); } catch (error) { console$1.error("插件【eruda-code】加载失败，原因：", error); } } if (PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaBenchmark.key )) { try { WebSiteDebugUtil.evalPlugin( _GM_getResourceText( PanelSettingConfig.eruda_plugin_Resource_erudaBenchmark.resource ) ); Eruda2.add(erudaBenchmark); } catch (error) { console$1.error("插件【eruda-benchmark】加载失败，原因：", error); } } if (PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaGeolocation.key )) { try { WebSiteDebugUtil.evalPlugin( _GM_getResourceText( PanelSettingConfig.eruda_plugin_Resource_erudaGeolocation.resource ) ); Eruda2.add(erudaGeolocation); } catch (error) { console$1.error("插件【eruda-geolocation】加载失败，原因：", error); } } if (PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaOrientation.key )) { try { WebSiteDebugUtil.evalPlugin( _GM_getResourceText( PanelSettingConfig.eruda_plugin_Resource_erudaOrientation.resource ) ); Eruda2.add(erudaOrientation); } catch (error) { console$1.error("插件【eruda-orientation】加载失败，原因：", error); } } if (PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaTouches.key )) { try { WebSiteDebugUtil.evalPlugin( _GM_getResourceText( PanelSettingConfig.eruda_plugin_Resource_erudaTouches.resource ) ); Eruda2.add(erudaTouches); } catch (error) { console$1.error("插件【eruda-touches】加载失败，原因：", error); } } if (PopsPanel.getValue( PanelSettingConfig.eruda_plugin_Resource_erudaOutlinePlugin.key )) { try { WebSiteDebugUtil.evalPlugin( _GM_getResourceText( PanelSettingConfig.eruda_plugin_Resource_erudaOutlinePlugin.resource ) ); Eruda2.add(erudaOutlinePlugin); } catch (error) { console$1.error("插件【eruda-outline-plugin】加载失败，原因：", error); } } if (PopsPanel.getValue(PanelSettingConfig.eruda_plugin_Resource_erudaPixel.key)) { try { WebSiteDebugUtil.evalPlugin( _GM_getResourceText( PanelSettingConfig.eruda_plugin_Resource_erudaPixel.resource ) ); Eruda2.add(erudaPixel); } catch (error) { console$1.error("插件【eruda-pixel】加载失败，原因：", error); } } if (PopsPanel.getValue(PanelSettingConfig.eruda_plugin_Resource_erudaVue.key)) { try { WebSiteDebugUtil.evalPlugin( _GM_getResourceText( PanelSettingConfig.eruda_plugin_Resource_erudaVue.resource ) ); Eruda2.add(erudaVue); } catch (error) { console$1.error("插件【eruda-vue】加载失败，原因：", error); } } if (PopsPanel.getValue(PanelSettingConfig.eruda_auto_open_panel.key)) { let defaultShowName = PopsPanel.getValue( PanelSettingConfig.eruda_default_show_panel_name.key, PanelSettingConfig.eruda_default_show_panel_name.defaultValue ); Eruda2.show(); setTimeout(() => { Eruda2.show(defaultShowName); }, 250); } }; const vConsolePluginState = (vConsole2, VConsole) => { const Stats = function() { var mode = 0; var localPositionStorageKey = "vConsole-Plugin-Stats-Position"; function getLocalPositionStorage() { return _GM_getValue(localPositionStorageKey, { top: 0, left: 0 }); } function setLocalPositionStorage(left, top2) { _GM_setValue(localPositionStorageKey, { left, top: top2 }); } var container = document.createElement("div"); let oldPosition = getLocalPositionStorage(); container.style.cssText = `position:fixed;top:${oldPosition.top}px;left:${oldPosition.left}px;cursor:pointer;opacity:0.9;z-index:10000`; container.addEventListener( "click", function(event) { event.preventDefault(); showPanel(++mode % container.children.length); }, { capture: true } ); function addPanel(panel) { container.appendChild(panel.dom); return panel; } function showPanel(id) { for (var i = 0; i < container.children.length; i++) { container.children[i].style.display = i === id ? "block" : "none"; } mode = id; } function drag() { __pops.config.InstanceUtils.drag(container, { dragElement: container, limit: true, extraDistance: 2, moveCallBack(moveElement, left, top2) { setLocalPositionStorage(left, top2); } }); } var beginTime = (performance || Date).now(), prevTime = beginTime, frames = 0; var fpsPanel = addPanel(new Stats.Panel("FPS", "#0ff", "#002")); var msPanel = addPanel(new Stats.Panel("MS", "#0f0", "#020")); if (self.performance && self.performance.memory) { var memPanel = addPanel(new Stats.Panel("MB", "#f08", "#201")); } showPanel(0); drag(); return { REVISION: 16, dom: container, addPanel, showPanel, begin: function() { beginTime = (performance || Date).now(); }, end: function() { frames++; var time = (performance || Date).now(); msPanel.update(time - beginTime, 200); if (time >= prevTime + 1e3) { fpsPanel.update(frames * 1e3 / (time - prevTime), 100); prevTime = time; frames = 0; if (memPanel) { var memory = performance.memory; memPanel.update( memory.usedJSHeapSize / 1048576, memory.jsHeapSizeLimit / 1048576 ); } } return time; }, update: function() { beginTime = this.end(); }, // Backwards Compatibility domElement: container, setMode: showPanel }; }; Stats.Panel = function(name, fg, bg) { var min = Infinity, max = 0, round = Math.round; var PR = round(window.devicePixelRatio || 1); var WIDTH = 80 * PR, HEIGHT = 48 * PR, TEXT_X = 3 * PR, TEXT_Y = 2 * PR, GRAPH_X = 3 * PR, GRAPH_Y = 15 * PR, GRAPH_WIDTH = 74 * PR, GRAPH_HEIGHT = 30 * PR; var canvas = document.createElement("canvas"); canvas.width = WIDTH; canvas.height = HEIGHT; canvas.style.cssText = "width:80px;height:48px"; var context = canvas.getContext("2d"); context.font = "bold " + 9 * PR + "px Helvetica,Arial,sans-serif"; context.textBaseline = "top"; context.fillStyle = bg; context.fillRect(0, 0, WIDTH, HEIGHT); context.fillStyle = fg; context.fillText(name, TEXT_X, TEXT_Y); context.fillRect(GRAPH_X, GRAPH_Y, GRAPH_WIDTH, GRAPH_HEIGHT); context.fillStyle = bg; context.globalAlpha = 0.9; context.fillRect(GRAPH_X, GRAPH_Y, GRAPH_WIDTH, GRAPH_HEIGHT); return { dom: canvas, update: function(value, maxValue) { min = Math.min(min, value); max = Math.max(max, value); context.fillStyle = bg; context.globalAlpha = 1; context.fillRect(0, 0, WIDTH, GRAPH_Y); context.fillStyle = fg; context.fillText( round(value) + " " + name + " (" + round(min) + "-" + round(max) + ")", TEXT_X, TEXT_Y ); context.drawImage( canvas, GRAPH_X + PR, GRAPH_Y, GRAPH_WIDTH - PR, GRAPH_HEIGHT, GRAPH_X, GRAPH_Y, GRAPH_WIDTH - PR, GRAPH_HEIGHT ); context.fillRect(GRAPH_X + GRAPH_WIDTH - PR, GRAPH_Y, PR, GRAPH_HEIGHT); context.fillStyle = bg; context.globalAlpha = 0.9; context.fillRect( GRAPH_X + GRAPH_WIDTH - PR, GRAPH_Y, PR, round((1 - value / maxValue) * GRAPH_HEIGHT) ); } }; }; class VConsoleStatsPlugin { constructor(vConsole22, VConsole2) { __publicField(this, "vConsole"); __publicField(this, "VConsole"); __publicField(this, "dom"); __publicField(this, "requestID"); __publicField(this, "stats"); __publicField(this, "addStyle", (target) => { if (target == null) { target = document.head || document.body || document.documentElement; } const cssNode = document.createElement("style"); cssNode.setAttribute("type", "text/css"); cssNode.innerHTML = /*css*/ ` .vc-stats-button{ margin: 10px 10px; background-color: #fbf9fe; padding: 2px 4px; cursor: pointer; border-radius: 4px; border: 1px solid; } .vc-button-container{ display: flex; align-items: center; } .vc-description{ display: flex; flex-direction: column; } .vc-description a.vc-link{ color: blue; }`; target.appendChild(cssNode); }); __publicField(this, "show", () => { if (!this.stats) { this.stats = new Stats(); this.stats.showPanel(1); this.dom = this.stats.dom; document.body.appendChild(this.dom); this.requestID = requestAnimationFrame(this.loop); } }); __publicField(this, "changePanel", (type) => { if (!this.stats) { this.show(); } this.stats.setMode(Number(type)); }); __publicField(this, "loop", () => { this.stats.update(); this.requestID = requestAnimationFrame(this.loop); }); __publicField(this, "close", () => { if (this.requestID) { cancelAnimationFrame(this.requestID); } if (this.dom) { document.body.removeChild(this.dom); } this.stats = null; this.requestID = null; this.dom = null; }); this.vConsole = vConsole22; this.VConsole = VConsole2; this.dom = null; this.requestID = null; this.stats = null; return this.init(); } init() { this.addStyle(); const vConsoleStats = new this.VConsole.VConsolePlugin("Stats", "Stats"); vConsoleStats.on("ready", () => { document.querySelectorAll(".vc-stats-buttons").forEach((statusButton) => { statusButton.addEventListener("click", (event) => { const currentType = event.target.dataset.type; if (currentType.toString() === "2" && // @ts-ignore !(self.performance && self.performance.memory)) { console$1.error( "浏览器不支持window.performance或者window.performance.memory" ); return; } this.changePanel(currentType); }); }); }); vConsoleStats.on("renderTab", (callback) => { const statsHTML = ( /*html*/ ` <div class="vc-stats-buttons"> <div class="vc-button-container"> <button class="vc-stats-button" data-type="0">show FPS</button> <div class="vc-description"> <span>最后一秒渲染的帧。数字越高越好</span> </div> </div> <div class="vc-button-container"> <button class="vc-stats-button" data-type="1">show MS</button> <div class="vc-description"> <span>渲染帧所需的毫秒数。数字越低越好</span> </div> </div> <div class="vc-button-container"> <button class="vc-stats-button" data-type="2">show MB</button> <div class="vc-description"> <span>内存分配(MB)</span> <a class="vc-link" href="https://caniuse.com/mdn-api_performance_memory" target="_blank">performance.memory兼容性查看</a> <span>Chrome启用方式: --enable-precise-memory-info</span> </div> </div> </div>` ); callback(statsHTML); }); vConsoleStats.on("addTool", (callback) => { const buttons = [ { name: "Show Stats", onClick: this.show }, { name: "Close Stats", onClick: this.close } ]; callback(buttons); }); this.vConsole.addPlugin(vConsoleStats); return vConsoleStats; } } return new VConsoleStatsPlugin(vConsole2, VConsole); }; const vConsolePluginExportLog = (vConsole2, VConsole) => { class VConsoleOutputLogsPlugin { constructor(vConsole22, VConsole2, logItemSelector) { __publicField(this, "vConsole"); __publicField(this, "VConsole"); __publicField(this, "$"); __publicField(this, "dom"); __publicField(this, "logItemSelector"); __publicField(this, "funDownload", (content, filename) => { var eleLink = document.createElement("a"); eleLink.download = filename; eleLink.style.display = "none"; var blob = new Blob([content]); eleLink.href = URL.createObjectURL(blob); document.body.appendChild(eleLink); eleLink.click(); document.body.removeChild(eleLink); }); __publicField(this, "getAllLogContent", () => { let logRowsElement = document.querySelectorAll(this.logItemSelector); let logText = ""; for (let index = 0; index < logRowsElement.length; index++) { const ele = logRowsElement[index]; logText += `${ele.textContent} `; } return logText; }); __publicField(this, "export", () => { let logText = this.getAllLogContent(); this.funDownload( logText, `${(/* @__PURE__ */ new Date()).toLocaleDateString() + " " + (/* @__PURE__ */ new Date()).toLocaleTimeString()}.log` ); }); __publicField(this, "copyText", () => { let logText = this.getAllLogContent(); utils.setClip(logText); }); this.vConsole = vConsole22; this.VConsole = VConsole2; this.$ = vConsole22.$; this.dom = null; this.logItemSelector = logItemSelector || ".vc-content #__vc_plug_default .vc-log-row"; return this.init(); } init() { const vConsoleExportLogs = new this.VConsole.VConsolePlugin( "exportLog", "exportLog" ); vConsoleExportLogs.on("ready", () => { console$1.log("[vConsole-exportlog-plugin] -- load"); }); vConsoleExportLogs.on("renderTab", (callback) => { const html = ( /*html*/ `<div class="vconsole-exportlog"></div>` ); callback(html); }); vConsoleExportLogs.on("addTool", (callback) => { const buttons = [ { name: "exportLogs", onClick: this.export }, { name: "copyLogs", onClick: this.copyText } ]; callback(buttons); }); this.vConsole.addPlugin(vConsoleExportLogs); return vConsoleExportLogs; } } return new VConsoleOutputLogsPlugin(vConsole2, VConsole); }; const vConsole = () => { initVConsole("VConsole", unsafeWin); let VConsole = unsafeWin.VConsole || globalThis.VConsole; if (!VConsole) { alert("调试工具【vConsole】注册全局失败，请反馈开发者"); return; } let initPanelList = []; if (PopsPanel.getValue(PanelSettingConfig.vConsole_panel_system.key)) { initPanelList.push("system"); } if (PopsPanel.getValue(PanelSettingConfig.eruda_panel_network.key)) { initPanelList.push("network"); } if (PopsPanel.getValue(PanelSettingConfig.eruda_panel_elements.key)) { initPanelList.push("element"); } if (PopsPanel.getValue(PanelSettingConfig.vConsole_panel_storage.key)) { initPanelList.push("storage"); } if (PopsPanel.getValue(PanelSettingConfig.vConsole_theme.key) === "auto") { if (utils.isThemeDark()) ; } else { PopsPanel.getValue(PanelSettingConfig.vConsole_theme.key); } let defaultStorages = []; if (PopsPanel.getValue( PanelSettingConfig.vConsole_storage_defaultStorages_cookies.key )) { defaultStorages.push("cookies"); } if (PopsPanel.getValue( PanelSettingConfig.vConsole_storage_defaultStorages_localStorage.key )) { defaultStorages.push("localStorage"); } if (PopsPanel.getValue( PanelSettingConfig.vConsole_storage_defaultStorages_sessionStorage.key )) { defaultStorages.push("sessionStorage"); } let vConsole2 = new VConsole({ defaultPlugins: initPanelList, theme: "light", onReady() { if (PopsPanel.getValue(PanelSettingConfig.vconsole_auto_open_panel.key)) { vConsole2.show(); } }, disableLogScrolling: PopsPanel.getValue( PanelSettingConfig.vconsole_disableLogScrolling.key ), log: { maxLogNumber: PopsPanel.getValue( PanelSettingConfig.vconsole_maxLogNumber.key, PanelSettingConfig.vconsole_maxLogNumber.defaultValue ), showTimestamps: PopsPanel.getValue( PanelSettingConfig.vconsole_showTimestamps.key ), maxNetworkNumber: PopsPanel.getValue( PanelSettingConfig.vconsole_maxNetworkNumber.key, PanelSettingConfig.vconsole_maxNetworkNumber.defaultValue ) }, storage: { defaultStorages } }); DebugToolConfig.vConsole.version = vConsole2.version; unsafeWin.vConsole = vConsole2; console$1.log(`VConsole当前版本：${vConsole2.version}`); console$1.log(`VConsole项目地址：${DebugToolConfig.vConsole.homeUrl}`); console$1.log("VConsole的实例化的全局变量名: vConsole"); if (PopsPanel.getValue( PanelSettingConfig.vConsole_plugin_Resource_vConsole_Stats.key )) { try { vConsolePluginState(vConsole2, VConsole); } catch (error) { console$1.error("插件【vconsole-stats-plugin】加载失败，原因：", error); } } if (PopsPanel.getValue( PanelSettingConfig.vConsole_plugin_Resource_vConsole_ExportLog.key )) { try { vConsolePluginExportLog(vConsole2, VConsole); } catch (error) { console$1.error("插件【vconsole-outputlog-plugin】加载失败，原因：", error); } } if (PopsPanel.getValue( PanelSettingConfig.vConsole_plugin_Resource_vConsoleVueDevtools.key )) { try { WebSiteDebugUtil.evalPlugin( _GM_getResourceText( PanelSettingConfig.vConsole_plugin_Resource_vConsoleVueDevtools.resource ) ); const Devtools = unsafeWin.vueVconsoleDevtools; Devtools.initPlugin(vConsole2); } catch (error) { console$1.error( "插件【vconsole-vue-devtools-plugin】加载失败，原因：", error ); } } if (PopsPanel.getValue(PanelSettingConfig.vconsole_auto_open_panel.key)) { let defaultShowName = PopsPanel.getValue( PanelSettingConfig.vconsole_default_show_panel_name.key, PanelSettingConfig.vconsole_default_show_panel_name.defaultValue ); vConsole2.show(); setTimeout(() => { vConsole2.showPlugin(defaultShowName); }, 250); } }; const PageSpy = () => { let api = PopsPanel.getValue( PanelSettingConfig.pagespy_api.key, PanelSettingConfig.pagespy_api.defaultValue ); let clientOrigin = PopsPanel.getValue( PanelSettingConfig.pagespy_clientOrigin.key, PanelSettingConfig.pagespy_clientOrigin.defaultValue ); if (PopsPanel.getValue( PanelSettingConfig.pagespy_disable_run_in_debug_client.key )) { if (window.location.hostname.includes(api)) { console$1.log("禁止在调试端运行 ==> hostname包含api"); return; } if (window.location.origin.includes(clientOrigin)) { console$1.log("禁止在调试端运行 ==> origin包含clientOrigin"); return; } } let __pageSpy__ = new initPageSpy(unsafeWin); if (!__pageSpy__) { alert("调试工具【PageSpy】获取失败，请反馈开发者"); return; } let $pageSpy = new __pageSpy__({ // SDK 会从引入的路径自动分析并决定 Server 的地址（api）和调试端的地址（clientOrigin） // 假设你从 https://example.com/page-spy/index.min.js 引入，那么 SDK 会在内部设置： // - api: "example.com" // - clientOrigin: "https://example.com" // 如果你的服务部署在别处，就需要在这里手动指定去覆盖。 api, clientOrigin, // project 作为信息的一种聚合，可以在调试端房间列表进行搜索 project: PopsPanel.getValue( PanelSettingConfig.pagespy_project.key, PanelSettingConfig.pagespy_project.defaultValue ), // title 供用户提供自定义参数，可以用于区分当前调试的客户端 // 对应的信息显示在每个调试连接面板的「设备id」下方 title: PopsPanel.getValue( PanelSettingConfig.pagespy_title.key, PanelSettingConfig.pagespy_title.defaultValue ), // 指示 SDK 初始化完成，是否自动在客户端左下角渲染「圆形白底带 Logo」的控件 // 如果设置为 false, 可以调用 window.$pageSpy.render() 手动渲染 autoRender: PopsPanel.getValue( PanelSettingConfig.pagespy_autoRender.key, PanelSettingConfig.pagespy_autoRender.defaultValue ), // 手动指定 PageSpy 服务的 scheme。 // 这在 SDK 无法正确分析出 scheme 可以使用，例如 PageSpy 的浏览器插件 // 是通过 chrome-extension://xxx/sdk/index.min.js 引入 SDK，这会 // 被 SDK 解析成无效的 "chrome-extension://" 并回退到 ["http://", "ws://"]。 // - （默认）传值 undefined 或者 null：SDK 会自动分析； // - 传递 boolean 值： // - true：SDK 将通过 ["https://", "wss://"] 访问 PageSpy 服务 // - false：SDK 将通过 ["http://", "ws://"] 访问 PageSpy 服务 enableSSL: PopsPanel.getValue( PanelSettingConfig.pagespy_enableSSL.key, PanelSettingConfig.pagespy_enableSSL.defaultValue ), // 在 PageSpy@1.7.4 支持离线回放功能后，客户端集成的 SDK 可以不用和调试端建立连接， // 通过 DataHarborPlugin 收集数据、导出离线日志，成为新的使用方式。 // 默认值 false。用户设置为其他值时，会进入 "离线模式"，具体表现为 PageSpy 不会创建房间、建立 WebSocket 连接。 // 仅适用浏览器环境的 SDK offline: PopsPanel.getValue( PanelSettingConfig.pagespy_offline.key, PanelSettingConfig.pagespy_offline.defaultValue ), // PageSpy 内置的插件都是开箱即用的，你可以手动指定禁用哪些插件 // disabledPlugins: [], // 是否允许 SDK 在收集离线日志时，序列化非基本类型的数据，序列化的目的是方便在回放时查看 serializeData: PopsPanel.getValue( PanelSettingConfig.pagespy_serializeData.key, PanelSettingConfig.pagespy_serializeData.defaultValue ), // 是否启用权限认证功能。启用后，SDK 会生成 6 位数的随机 “密钥”；调试端进入房间时要求输入对应的密钥 useSecret: PopsPanel.getValue( PanelSettingConfig.pagespy_useSecret.key, PanelSettingConfig.pagespy_useSecret.defaultValue ), // SDK 在调试端进入房间之前会在内存中缓存数据，以便于调试端进入房间后可以看到之前的数据。 // 但数据体积会越来越大，因此可以指定 SDK 在本地最多缓存多少条数据记录。 messageCapacity: PopsPanel.getValue( PanelSettingConfig.pagespy_messageCapacity.key, PanelSettingConfig.pagespy_messageCapacity.defaultValue ) }); unsafeWin.$pageSpy = $pageSpy; console$1.log($pageSpy); DebugToolConfig.pageSpy.version = unsafeWin.$pageSpy.version; console$1.log("PageSpy全局变量：$pageSpy"); utils.waitNode("#__pageSpy .page-spy-logo", 1e4).then(($log) => { if (!$log) { console$1.error("未找到PageSpy的按钮"); return; } domUtils.on( $log, "click", (event) => { utils.preventEvent(event); let $modal = document.querySelector( "#__pageSpy .page-spy-modal" ); if (!$modal) { console$1.error("未找到PageSpy的弹窗"); return; } if ($modal.classList.contains("show")) { $modal.classList.remove("show"), $modal.classList.add("leaving"), setTimeout(() => { $modal.classList.remove("leaving"); }, 300); } else { $modal.classList.add("show"); } }, { capture: true } ); }); utils.waitNode("#__pageSpy .page-spy-modal .page-spy-content", 1e4).then(($modalContent) => { if (!$modalContent) { console$1.error("未找到PageSpy的弹窗"); return; } let $goToRoomList = domUtils.createElement("div", { className: "page-spy-content__btn", innerHTML: "前往房间列表" }); let $goToDebugRoom = domUtils.createElement("div", { className: "page-spy-content__btn", innerHTML: "前往调试" }); $goToRoomList.addEventListener( "click", function(event) { utils.preventEvent(event); window.open(`${clientOrigin}/#/room-list`, "_blank"); }, { capture: true } ); $goToDebugRoom.addEventListener( "click", function(event) { utils.preventEvent(event); window.open( `${clientOrigin}/#/devtools?${utils.toSearchParamsStr({ version: unsafeWin.$pageSpy.name, address: unsafeWin.$pageSpy.address })}`, "_blank" ); }, { capture: true } ); $modalContent.appendChild($goToRoomList); $modalContent.appendChild($goToDebugRoom); }); }; const ChiiPluginHeight = { $data: { get key() { return PanelSettingConfig.chii_embedded_height.key; }, winHeight: parseInt(window.innerHeight.toString()), get winHalfHeight() { return PanelSettingConfig.chii_embedded_height.defaultValue; } }, init() { let height = this.$data.winHalfHeight; if (!this.isExistGMLocalHeight()) { this.setGMLocalHeight(height); } else { height = this.getGMLocalHeight(); } this.setLocalHeight(height); }, /** * */ getLocalHeight() { let value = Number(globalThis.localStorage.getItem(this.$data.key)); if (isNaN(value)) { return null; } return value; }, /** * * @param value */ setLocalHeight(value) { if (typeof value !== "number") { console$1.log(value); throw new TypeError(`${this.$data.key}的值必须是number`); } let storageValue = value.toString(); globalThis.localStorage.setItem(this.$data.key, storageValue); let localHeight = this.getLocalHeight(); if (!localHeight || localHeight.toString() !== storageValue) { globalThis.localStorage[this.$data.key] = storageValue; } }, isExistGMLocalHeight() { return typeof this.getGMLocalHeight() === "number"; }, /** * */ getGMLocalHeight() { return PopsPanel.getValue(this.$data.key); }, /** * * @param value */ setGMLocalHeight(value) { if (typeof value !== "number") { console$1.log(value); throw new TypeError(`${this.$data.key}的值必须是number`); } PopsPanel.setValue(this.$data.key, value); } }; const Chii = () => { let debugUrl = PopsPanel.getValue( PanelSettingConfig.chii_debug_url.key, PanelSettingConfig.chii_debug_url.defaultValue ); if (window.location.href.startsWith(debugUrl) && PopsPanel.getValue( PanelSettingConfig.chii_check_script_load.key, PanelSettingConfig.chii_disable_run_in_debug_url.defaultValue )) { console$1.log("禁止在调试端运行 ==> href包含debugUrl"); return; } PopsPanel.execMenu(PanelSettingConfig.chii_embedded_height_enable.key, () => { ChiiPluginHeight.init(); }); if (PopsPanel.getValue(PanelSettingConfig.chii_check_script_load.key)) { let checkChiiScriptLoad = function(event) { if (event.target === scriptNode) { globalThis.alert( `调试工具【Chii】脚本加载失败 可能原因1：CSP策略阻止了加载第三方域的js文件 可能原因2：目标js无效` ); unsafeWin.removeEventListener("error", checkChiiScriptLoad, { capture: true }); } }; unsafeWin.addEventListener("error", checkChiiScriptLoad, { capture: true }); } let scriptJsUrl = PopsPanel.getValue( PanelSettingConfig.chii_target_js.key, PanelSettingConfig.chii_target_js.defaultValue ); let scriptEmbedded = PopsPanel.getValue( PanelSettingConfig.chii_script_embedded.key, PanelSettingConfig.chii_script_embedded.defaultValue ); let scriptNode = document.createElement("script"); scriptNode.src = scriptJsUrl; scriptNode.setAttribute("type", "application/javascript"); if (scriptEmbedded) { scriptNode.setAttribute("embedded", "true"); } (document.head || document.body || document.documentElement).appendChild( scriptNode ); }; const DebugTool = { $data: { /** 当前的调试工具是否已执行 */ isLoadDebugTool: false, /** 当前已执行的调试工具名 */ loadDebugToolName: void 0, /** 当前执行了调试工具的iframe */ iframeUrlList: [] }, $ele: { /** 隐藏调试工具的style元素 */ hideDebugToolCSSNode: void 0 }, /** * 处理当在iframe内加载时，是否允许执行，如果允许，那么把url添加到菜单中 */ handleToolWithIframe() { if (PopsPanel.isTopWindow()) { return true; } if (!PopsPanel.getValue(PanelSettingConfig.allowRunInIframe.key)) { return false; } this.$data.iframeUrlList.push(window.location.href); try { top.console.log("iframe信息：" + window.location.href); } catch (error) { console$1.error(error); } GM_Menu.add({ key: "iframeUrl", text: window.location.href, autoReload: false, isStoreValue: false, showText(text) { return text; }, callback() { copy(window.location.href, "text"); } }); return true; }, /** * 执行当前的调试工具 */ execDebugTool() { let debugTool = PopsPanel.getValue( PanelSettingConfig.debugTool.key ); debugTool = debugTool.toString().toLowerCase(); console$1.log(`网页调试：当前使用的调试工具【${debugTool}】`); if (debugTool === "vconsole") { this.$data.isLoadDebugTool = true; this.$data.loadDebugToolName = "vconsole"; vConsole(); } else if (debugTool === "pagespy") { this.$data.isLoadDebugTool = true; this.$data.loadDebugToolName = "pagespy"; PageSpy(); } else if (debugTool === "eruda") { this.$data.isLoadDebugTool = true; this.$data.loadDebugToolName = "eruda"; Eruda(); } else if (debugTool === "chii") { this.$data.isLoadDebugTool = true; this.$data.loadDebugToolName = "chii"; Chii(); } else { console$1.error("当前未配置该调试工具的运行"); } }, /** * 在脚本菜单中添加控制当前的调试工具状态的菜单按钮 */ registerDebugToolMenuControls() { if (!PopsPanel.isTopWindow()) { console$1.warn("不在iframe内重复添加菜单按钮"); return; } let menuData = { key: "debug_tool_show_hide_control", text: "☯ 加载并显示调试工具", autoReload: false, isStoreValue: false, showText(text) { return text; }, callback: (data) => { changeMenu(); } }; const changeMenu = (data) => { if (DebugTool.$data.isLoadDebugTool) { if (DebugTool.$ele.hideDebugToolCSSNode) { this.showCurrentDebugTool(); menuData.text = "🌑 隐藏调试工具"; GM_Menu.update(menuData); } else { this.hideCurrentDebugTool(); menuData.text = "🌕 显示调试工具"; GM_Menu.update(menuData); } } else { this.showCurrentDebugTool(); menuData.text = "🌑 隐藏调试工具"; GM_Menu.update(menuData); } }; GM_Menu.add(menuData); }, /** * 判断页面中是否已存在隐藏调试工具的CSS元素节点 * @returns */ isInjectDebugToolHideCSS() { return Boolean( this.$ele.hideDebugToolCSSNode && document.documentElement.contains(this.$ele.hideDebugToolCSSNode) ); }, /** * 创建隐藏调试工具的CSS元素 * @returns */ createDebugToolHideCSS() { let $css = document.createElement("style"); $css.setAttribute("type", "text/css"); $css.setAttribute("data-from", "hide-debug-tool"); $css.innerHTML = /*css*/ ` /* Eruda的按钮 */ #eruda{ display: none !important; } /* vConsole的按钮 */ #__vconsole{ display: none !important; } /* PageSpy的按钮 */ #__pageSpy{ display: none !important; } /* Chii的面板 */ .__chobitsu-hide__ > iframe, .__chobitsu-hide__:has(iframe){ display: none !important; } `; return $css; }, /** * 隐藏当前的调试工具 */ hideCurrentDebugTool() { if (this.$ele.hideDebugToolCSSNode == null) { console$1.log("未创建隐藏【调试工具】的style元素 => 创建元素"); this.$ele.hideDebugToolCSSNode = this.createDebugToolHideCSS(); } if (!this.isInjectDebugToolHideCSS()) { console$1.log("页面不存在隐藏【调试工具】的style元素 => 添加元素"); document.documentElement.appendChild(this.$ele.hideDebugToolCSSNode); } }, /** * 显示当前的调试工具 */ showCurrentDebugTool() { if (this.$ele.hideDebugToolCSSNode) { console$1.log("页面存在隐藏【调试工具】的style元素 => 移除元素"); document.documentElement.removeChild(this.$ele.hideDebugToolCSSNode); this.$ele.hideDebugToolCSSNode = void 0; } if (!this.$data.isLoadDebugTool) { console$1.log("尚未运行【调试工具】 => 运行调试工具"); this.execDebugTool(); } } }; const WebSiteDebug = { init() { if (DebugTool.handleToolWithIframe()) { if (PopsPanel.getValue(PanelSettingConfig.autoLoadDebugTool.key)) { DebugTool.execDebugTool(); } else { DebugTool.registerDebugToolMenuControls(); } } } }; PopsPanel.init(); WebSiteDebug.init(); })(Qmsg, DOMUtils, Utils, pops);