https://github.com/fedebertolini/html-dom-trace

NodeJS CLI to parse HTML document and model the DOM as a Trace
https://github.com/fedebertolini/html-dom-trace

Last synced: 17 days ago
JSON representation

NodeJS CLI to parse HTML document and model the DOM as a Trace

• Host: GitHub
• URL: https://github.com/fedebertolini/html-dom-trace
• Owner: fedebertolini
• Created: 2022-01-04T22:02:19.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-01-09T21:51:31.000Z (over 4 years ago)
• Last Synced: 2025-08-09T08:19:05.003Z (11 months ago)
• Language: JavaScript
• Size: 152 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# html-dom-trace

NodeJS CLI to fetch and parse a HTML document, model the DOM as a Trace and send it to HoneyComb.

Each DOM element is represented as a trace span, in which their span's duration is the estimated span's size (including children). All element attributes are mapped as span fields. This tool's purpose is to help detect big DOM subtrees (similar goal and implementation as [html-size-visualizer](https://github.com/fedebertolini/html-size-visualizer), with a different visualization tool).

![Visualization of HTML DOM as a Honeycomb trace](./honeycomb-html-dom-trace.png)

## Installation

Install CLI as global package: `npm i -g html-dom-trace`

## Usage

`$ html-dom-trace  [options]`

**Options:**

- `--hc-key`: HoneyComb API Key

- `--hc-dataset`: HoneyComb Dataset name  (default html-dom-trace)

- `-v, --version`: Displays current version

- `-h, --help`: Displays this message

**Examples**

```

$ html-dom-trace https://www.example.com --hc-key=1234567890 --hc-dataset=html-traces

```