https://github.com/uk0/wasm-tracking

rust wasm tracking for html event mousemove
https://github.com/uk0/wasm-tracking

Last synced: 12 days ago
JSON representation

rust wasm tracking for html event mousemove

• Host: GitHub
• URL: https://github.com/uk0/wasm-tracking
• Owner: uk0
• License: apache-2.0
• Created: 2024-10-19T20:03:36.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-21T11:00:06.000Z (over 1 year ago)
• Last Synced: 2026-03-29T21:49:36.931Z (3 months ago)
• Language: Rust
• Size: 15.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE_APACHE

Awesome Lists containing this project

README

          
##  wasm-tracking

* 埋点数据

### quick 

```js

// step 1

import init, {WasmObserver} from '/static/js/wasm_monitor.js';

async function initWasm() {

    await init();

    const observer = new WasmObserver();

    const target = document.body;

    try {

        observer.observe(target);

        console.log("WASM Observer started");

    } catch (error) {

        console.error("Error starting WASM Observer:", error);

    }

}

// step 2

document.addEventListener('DOMContentLoaded', async function () {

    await initWasm();

});

```

### data example

```json

{

  "body": "\n\n
container
\n
base
\n
base_64
\n
\n    
DOM\u5d4c\u5957\u6d4b\u8bd5 with WASM
\n    
\n        
\u5d4c\u5957\u5c42\u7ea71
\n        
\n            
\u5d4c\u5957\u5c42\u7ea72
\n            


\n            
Click
\n            
Clicked element: BUTTON#addButton
\n            
Time: 1:45:53 PM
\n        

\n            
DOM Change
\n            
Added new nested element
\n            
Time: 1:45:53 PM
\n        

\n            
\n                
\u5d4c\u5957\u5c42\u7ea73
\n                
\n                    
\u5d4c\u5957\u5c42\u7ea74
\n                    
\n                        
\u5d4c\u5957\u5c42\u7ea75
\n                        \u6dfb\u52a0\u65b0\u7684\u5d4c\u5957\u5143\u7d20\n                        
\n                    
\n                
\n            
\n        
\n    
\n    \u6d4b\u8bd5\u63a5\u53e3\n\n
\u52a8\u6001\u6dfb\u52a0\u7684\u5d4c\u5957\u5143\u7d20

\n\n\u6e05\u9664\u7ed3\u679c\n\n\n\n\u6d4b\u8bd5\n\u6d4b\u8bd5\n\u6d4b\u8bd5\n\u6d4b\u8bd5\n\n",

  "id": "e011f41d-a9e4-471c-a770-0211a8712595",

  "pageUrl": "http://127.0.0.1:8858/",

  "position": {

    "x": 727,

    "y": 676

  },

  "target": {

    "absoluteXPath": "/html[1]/body[1]/div[4]/div[1]/div[1]/div[2]/div[1]/div[1]/button[1]",

    "className": "",

    "cssSelector": "button#addButton",

    "htmlContent": "\u6dfb\u52a0\u65b0\u7684\u5d4c\u5957\u5143\u7d20",

    "id": "addButton",

    "relativeXPath": "//button[@id='addButton']",

    "tagName": "button",

    "textContent": "\u6dfb\u52a0\u65b0\u7684\u5d4c\u5957\u5143\u7d20"

  },

  "timestamp": 1729489553907,

  "type": "click",

  "viewportSize": {

    "height": 1094,

    "width": 1912

  }

}


```

### If it helps you, please don’t be stingy with your star ✨