Will Hawk Work With My Framework?

Hawk is framework-agnostic and will work anywhere.
Image

How Does Hawk Work?

Every website is made of HTML, and HTML is built out of elements (like <p></p>, <body></body> or <table></table>). All the different HTML elements that together make up a web page are called the DOM.

The DOM is important because it contains the sum total of what the user sees on any site. That’s why any code you write, no matter the language or framework, needs to interact with the DOM. It’s different for different frameworks, but all your code is somehow rendered to JavaScript and loaded by the user’s browser, which allows it to access the DOM.

Hawk simply takes its place alongside any other code already running on your site, and looks at the DOM directly. It’s very careful never to modify or interfere with any other JavaScript that may be present. Hawk even makes sure that any event handlers already registered when it loads are called just as they normally would be. So even if your code uses the same events Hawk uses, they’ll fire right on schedule.

When Hawk builds live screen views or reacts to errors, it uses the actual state of the DOM on the user’s browser. So what you see when you look at a Hawk screen view is the same DOM the user saw, rendered the same way as when the user saw it.

Why Does It Matter?

Because Hawk doesn’t depend on or interfere with any of the other JavaScript in a site, it can’t possibly matter what that JavaScript is doing. You could be running the most arcane, experimental framework out there and it would have no effect on Hawk.

Read More

There’s a longer and more technical description of exactly what browser resources Hawk makes use of–and how–here. For more information on Hawk’s error reporting, see here.

Image
Matthew Talamini
Web Developer

You might also enjoy