#1 2024-03-29 06:17:10

johnraff

nullglob

From: Nagoya, Japan

Registered: 2015-09-09

Posts: 12,550

Website

Firefox Inspector for debugging and more

The built-in Inspector function in Firefox is amazingly useful. You can debug css, watch network activity, all kinds of things.

On a web page, do a right-click on something you want to check the css of and choose "Inspect".
On the left you can see the element's place in the html, and on the right you can view the css rules being applied to it. Edit the css and see the effects in real time.

All kinds of handy things:  https://firefox-source-docs.mozilla.org … index.html

The same inspector's "Network" tab will show you all the files being downloaded when you load a web page. Very handy eg for finding out where media streams are really coming from.

There's lots more, check it out!

---

...elevator in the Brain Hotel, broken down but just as well...
( a boring Japan blog (currently paused), now on Bluesky, there's also some GitStuff )

Introduction to the Bunsenlabs Boron Desktop