开发Tips|用JS判断并采集webpack路由

functionisWebpackUsed() {  // 检查全局变量 __webpack_require__if (typeof __webpack_require__ !== 'undefined') {    console.log('Webpack detected: __webpack_require__ is defined.');returntrue;  }  // 检查 script 标签中是否包含 webpack 相关的特征  const scripts = document.getElementsByTagName('script');for (let script of scripts) {if (script.src && script.src.includes('webpack')) {      console.log('Webpack detected: script src contains "webpack".');returntrue;    }  }  // 检查页面中是否包含 webpack 打包的 chunk 文件  const resources = performance.getEntriesByType('resource');for (let resource of resources) {if (resource.name.includes('webpack') || resource.name.includes('chunk')) {      console.log('Webpack detected: resource name contains "webpack" or "chunk".');returntrue;    }  }  console.log('No Webpack detected.');returnfalse;}// 调用函数检测console.log(isWebpackUsed());

functionfindVueRoot(root) {const queue = [root];while (queue.length > 0) {const currentNode = queue.shift();if (currentNode.__vue__ || currentNode.__vue_app__ || currentNode._vnode) {console.log("vue detected on root element:", currentNode);return currentNode    }for (let i = 0; i < currentNode.childNodes.length; i++) {      queue.push(currentNode.childNodes[i]);    }  }returnnull;}functionfindVueRouter(vueRoot) {let router;try {if (vueRoot.__vue_app__) {      router = vueRoot.__vue_app__.config.globalProperties.$router.options.routesconsole.log("find router in Vue object", vueRoot.__vue_app__)    } elseif (vueRoot.__vue__) {      router = vueRoot.__vue__.$root.$options.router.options.routesconsole.log("find router in Vue object", vueRoot.__vue__)    }  } catch (e) {}try {if (vueRoot.__vue__ && !router) {      router = vueRoot.__vue__._router.options.routesconsole.log("find router in Vue object", vueRoot.__vue__)    }  } catch (e) {}return router}functionwalkRouter(rootNode, callback) {const stack = [{node: rootNode, path: ''}];while (stack.length) {const { node, path} = stack.pop();if (node && typeof node === 'object') {if (Array.isArray(node)) {for (const key in node) {          stack.push({node: node[key], path: mergePath(path, node[key].path)})        }      } elseif (node.hasOwnProperty("children")) {        stack.push({node: node.children, path: path});      }    }callback(path, node);  }}functionmergePath(parent, path) {if (path.indexOf(parent) === 0) {return path  }return (parent ? parent + '/' : '') + path}functionmain() {const vueRoot = findVueRoot(document.body);if (!vueRoot) {console.error("This website is not developed by Vue")return  }let vueVersion;if (vueRoot.__vue__) {    vueVersion = vueRoot.__vue__.$options._base.version;  } else {    vueVersion = vueRoot.__vue_app__.version;  }console.log("Vue version is ", vueVersion)const routers = [];const vueRouter = findVueRouter(vueRoot)if (!vueRouter) {console.error("No Vue-Router detected")return  }console.log(vueRouter)walkRouter(vueRouter, function (path, node) {if (node.path) {      routers.push({name: node.name, path})    }  })return routers}console.table(main())