Tag: webdev

I temporarily switched to a Chromebook (Pixelbook) after my main machine broke. Setting up Crostini, the Linux container environment, was a little tricky due to limited information available at the time. The process involved enabling developer mode and then activating the Linux apps option in settings. While the Pixelbook is expensive, Chrome OS is a great platform for web development, allowing me to test on various mobile browsers via ARC and utilize Linux apps like Firefox, vim, and VS Code thanks to Crostini. Although Crostini has room for improvement regarding speed, GPU acceleration, and file integration, and the Pixelbook needs more ports, it's exciting to see this technology becoming available on more affordable devices.

I needed to figure out how to monitor events on an element (like when a field is autofilled) and Chrome DevTools has a monitorEvents function, but Firefox doesn't. Since I couldn't find an equivalent in Firefox DevTools, I created my own JavaScript function that iterates through an element's properties, finds event listeners (e.g., "onclick"), extracts the event name (e.g., "click"), and attaches a console logger to each event. The code snippet and a corresponding gist are provided.