fix: use 'insertAdjacentElement' instead of 'append' (#31)

* fix: use 'insertAdjacentElement' instead of 'append' * check 'window.indexedDB.databases'
HuolalaTech · Jan 2, 2024 · 3ea8651 · 3ea8651
1 parent 68b8202
commit 3ea8651
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 9 deletions.
diff --git a/src/component/content.ts b/src/component/content.ts
@@ -42,6 +42,7 @@ export class Content {
       e.stopPropagation();
       if (onOk) onOk();
     };
-    this.el.append(info, button);
+    this.el.insertAdjacentElement('beforeend', info);
+    this.el.insertAdjacentElement('beforeend', button);
   }
 }
diff --git a/src/component/modal.ts b/src/component/modal.ts
@@ -37,7 +37,7 @@ export class Modal {
     }, 300);
   }
 
-  append(node: HTMLElement) {
-    this.el.appendChild(node);
+  appendNode(node: HTMLElement) {
+    this.el.insertAdjacentElement('beforeend', node);
   }
 }
diff --git a/src/index.ts b/src/index.ts
@@ -221,8 +221,8 @@ export default class PageSpy {
     img.src = logoUrl;
     img.width = 50;
     img.height = 50;
-    logo.append(img);
-    root.insertAdjacentElement('afterbegin', logo);
+    logo.insertAdjacentElement('beforeend', img);
+    root.insertAdjacentElement('beforeend', logo);
     window.addEventListener('sdk-inactive', () => {
       logo.classList.add('inactive');
     });
@@ -256,8 +256,8 @@ export default class PageSpy {
         modal.close();
       },
     });
-    modal.append(content.el!);
-    root.append(modal.el);
+    modal.appendNode(content.el!);
+    root.insertAdjacentElement('beforeend', modal.el);
 
     function showModal(e: any) {
       const { isMoveEvent } = logo as unknown as UElement;
@@ -270,7 +270,7 @@ export default class PageSpy {
     }
     logo.addEventListener('click', showModal, false);
     logo.addEventListener('touchend', showModal, false);
-    document.documentElement.append(root);
+    document.documentElement.insertAdjacentElement('beforeend', root);
     moveable(logo);
     this.handleDeviceDPR();
 

diff --git a/src/plugins/database.ts b/src/plugins/database.ts
@@ -22,7 +22,14 @@ export class DatabasePlugin implements PageSpyPlugin {
   public static hasInitd = false;
 
   private static get isSupport() {
-    if (!IDBFactory || !IDBObjectStore || !window.indexedDB) return false;
+    if (
+      !IDBFactory ||
+      !IDBObjectStore ||
+      !window.indexedDB ||
+      !window.indexedDB.databases
+    ) {
+      return false;
+    }
     return true;
   }