Looking Under A Browser's Hood
Every aspiring web developer quickly learns about the collection of developer tools built into a browser, where we can look at how the browser has interpreted the HTML/CSS/JavaScript for the current page. It's a very powerful set of diagnostic tools, but they're about the content. What about the browser itself? There's an entirely different set of tools to look at how the browser itself functions.
I've seen bits and pieces of these behind-the-scenes browser configuration and diagnostics pages before. Like when I had to enable Android Chrome's compass API, or switch Firefox PDF viewer to full page zoom default. While I didn't know the full extent of what's available, I had assumed there would be a central directory buried somewhere in their respective developer documentation. I was half right: there is indeed a directory, but it's not buried in documentation, it's accessible right in the browser itself.
For Google Chrome, the master index is chrome://chrome-urls/
. I learned of this from an old Tweet by Massimo Banzi (a.k.a. Mr. Arduino) who pointed to chrome://device-log/
and from there to the master list of all similar URLs. chrome://device-log/
shows all USB-related activity visible to Chrome and helps diagnose problems with things like WebUSB and WebSerial. It's a sensible introduction for someone deep into the Arduino world.
But chrome://chrome-urls/
opens up a much broader view into Chrome browser internals. I was fascinated by chrome://omnibox/
which shows what happens when we type into what was originally Chrome's address bar but had grown into so much more. How does Chrome choose to interpret what I typed as an address, or as a search term, or if I'm trying to go back in my browser history? chrome://omnibox/
shows all. And that's just one of many special URLs listed by chrome://chrome-urls/
.
For Microsoft Edge, which is now a Chromium-based browser, it has its own counterpart with search-and-replaced name edge://edge-urls
. Mozilla Firefox went to a slightly different route, with their index available at about:about
. I didn't find an equivalent index for Apple Safari. Maybe there isn't one built-in like the rest? I don't use Safari as much anyway.