[GH-ISSUE #64] 按需引入checkers 方式记录 #119

New issue

Closed

opened 2026-03-01 17:27:42 +03:00 by kerem · 2 comments

kerem commented

2026-03-01 17:27:42 +03:00

Owner

Originally created by @nihaojob on GitHub (Aug 11, 2023).
Original GitHub issue: https://github.com/AEPKILL/devtools-detector/issues/64

作者写的插件非常棒，我遇到了在webpack编译后ToStringChecker失效的问题，我用按需引入的方式解决了我的问题，特别再次记录下，希望可以帮助的其他开发者。

import { DevtoolsDetector, checkers } from 'devtools-detector'
// 按需引入checker
const defaultDetector = new DevtoolsDetector({
  checkers: [
    checkers.erudaChecker,
    checkers.elementIdChecker,
    checkers.performanceChecker,
    checkers.debuggerChecker
  ]
})

// 添加监听
defaultDetector.addListener((isOpen) => {
  // do something
  isOpen && tip()
})

// 启动
defaultDetector.launch()

Originally created by @nihaojob on GitHub (Aug 11, 2023). Original GitHub issue: https://github.com/AEPKILL/devtools-detector/issues/64 作者写的插件非常棒，我遇到了在webpack编译后ToStringChecker失效的问题，我用按需引入的方式解决了我的问题，特别再次记录下，希望可以帮助的其他开发者。 ```JS import { DevtoolsDetector, checkers } from 'devtools-detector' // 按需引入checker const defaultDetector = new DevtoolsDetector({ checkers: [ checkers.erudaChecker, checkers.elementIdChecker, checkers.performanceChecker, checkers.debuggerChecker ] }) // 添加监听 defaultDetector.addListener((isOpen) => { // do something isOpen && tip() }) // 启动 defaultDetector.launch() ```