feat: update demo & readme

ptcong · May 8, 2021 · 8b1fcb2 · 8b1fcb2
1 parent 1e286a9
commit 8b1fcb2
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 21 deletions.
diff --git a/README.MD b/README.MD
@@ -76,14 +76,13 @@ require(['devtools-detector'], function(devtoolsDetector) {
 interface DevtoolsDetail {
   isOpen: boolean;
   checkerName: string;
-  directReturn?: boolean;
 }
 ```
 
 - Listener
 
 ```typescript
-type Listener = (isOpen: boolean, detail?: DevtoolsDetail) => void;
+type DevtoolsDetectorListener = (isOpen: boolean, detail?: DevtoolsDetail) => void;
 ```
 
 - launch()
@@ -98,9 +97,9 @@ type Listener = (isOpen: boolean, detail?: DevtoolsDetail) => void;
 
   stop detect
 
-- addListener(listener: Listener)
+- addListener(listener: DevtoolsDetectorListener)
 
-- removeListener(listener: Listener)
+- removeListener(listener: DevtoolsDetectorListener)
 
 - setDetectDelay(value: number)
 

diff --git a/example/normal.html b/example/normal.html
@@ -6,43 +6,47 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>devtools-detector demo</title>
     <style>
-      #text,
-      #checker {
-        font-size: 30px;
-        margin-top: 50px;
+      .line {
+        margin-top: 10px;
         text-align: center;
       }
-      #checker {
-        font-size: 16px;
-        margin-top: 10px;
-        color: brown;
+
+      #status {
+        margin-top: 50;
+        font-size: 30px;
       }
 
-      #ua {
-        margin-top: 10px;
+      #checker {
+        color: brown;
       }
     </style>
     <script src="./promise-polyfill.js"></script>
     <script src="../lib/devtools-detector.js"></script>
   </head>
 
   <body>
-    <div id="text">devtools status: close</div>
-    <div id="checker"></div>
-    <div id="ua"></div>
+    <div id="status" class="line">devtools status: close</div>
+    <div id="checker" class="line"></div>
+    <div id="ua" class="line"></div>
+    <div id="versionMap" class="line"></div>
     <script>
       devtoolsDetector.addListener(function (isOpen, detail) {
         if (isOpen) {
-          text.innerText = 'devtools status: open';
+          status.innerText = 'devtools status: open';
           checker.innerText = detail.checkerName;
         } else {
-          text.innerText = 'devtools status: close';
+          status.innerText = 'devtools status: close';
           checker.innerText = '';
         }
       });
       devtoolsDetector.launch();
 
-      document.getElementById('ua').innerText = 'UserAgent: ' + navigator.userAgent;
+      ua.innerText = 'UserAgent: ' + navigator.userAgent;
+      versionMap.innerText = Object.keys(devtoolsDetector.versionMap)
+        .map(function (key) {
+          return key + ' : ' + devtoolsDetector.versionMap[key];
+        })
+        .join('\n');
     </script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "devtools-detector",
-  "version": "1.0.22",
+  "version": "2.0.0",
   "description": "devtools-detector",
   "main": "lib/devtools-detector.js",
   "typings": "lib/index.d.ts",

diff --git a/src/classes/devtools-detector.ts b/src/classes/devtools-detector.ts
@@ -66,6 +66,7 @@ export class DevtoolsDetector {
     let checkerName = '';
 
     for (const checker of this._checkers) {
+      console.log(checker.name);
       const isEnable = await checker.isEnable();
       if (isEnable) {
         checkerName = checker.name;

diff --git a/src/index.ts b/src/index.ts
@@ -46,3 +46,8 @@ export default defaultDetector;
 export { DevtoolsDetail } from './types/devtools-detail.type';
 export { DevtoolsDetectorListener } from './types/devtools-detector-listener.type';
 export { DevtoolsStatusChecker } from './types/devtools-status-checker.type';
+
+export * from './shared/browser-info';
+export * from './shared/console'
+export * from './shared/platform-info';
+export * from './shared/version-map';
diff --git a/src/shared/checkers.ts b/src/shared/checkers.ts