Simon Willison's Weblog: extensions

Button Stealer

2024-07-25T19:40:08+00:00

Really fun Chrome extension by Anatoly Zenkov: it scans every web page you visit for things that look like buttons and stashes a copy of them, then provides a page where you can see all of the buttons you have collected. Here's Anatoly's collection, and here are a few that I've picked up trying it out myself:

The extension source code is on GitHub. It identifies potential buttons by looping through every <a> and <button> element and applying some heuristics like checking the width/height ratio, then clones a subset of the CSS from window.getComputedStyle() and stores that in the style= attribute.

Via Andy Baio

Tags: chrome, css, extensions, javascript

FireScope

2009-02-05T22:51:34+00:00

FireScope

Neat little Firefox / Firebug extension which adds a “Reference” tab showing documentation for the selected element from the comprehensive SitePoint Reference site.

Tags: css, documentation, extensions, firebug, firefox, firescope, html, reference, sitepoint

Firebug 1.0 Beta

2006-12-04T13:28:35+00:00

Firebug 1.0 Beta

Unbelievably brilliant software. I use this every day.

Tags: extensions, firebug, firefox

Graphing requests with Tamper Data

2006-10-17T18:21:06+00:00

I spent the weekend in Boston, speaking at GBC/ACM's Deep Ajax seminar with Alex Russell and Adrian Holovaty. I'll be posting some notes on this later, but I wanted to share a really neat Firefox extension that Alex showed me: Tamper Data.

Tamper Data is an extension for intercepting HTTP requests and modifying them. I have very little interest in this functionality myself, but hidden deep within the extension is the ability to do this:

That's a graph showing what happens when you load up www.yahoo.com. It shows every component of the page - JavaScript, CSS, images - and when each component started and finished loading. You can use it to get an idea for how long it took between the HTML starting to load and the browser beginning to pull in the CSS, then the images, and so on. It's a superb visualization of what happens when a page is loaded.

Unfortunately, if you install and run the extension (Tools -> Tamper Data) you'll see this instead:

To get the graph, you have to right click in the main data grid and select "Graph All" from the context menu. Be sure to hit "clear" before loading a page that you want to graph or you'll end up seeing data from other pages too (you should shut down GMail or similar to prevent their polling requests from polluting the graph).

It's a great tool but it's pretty well hidden. If you're looking for a side project, implementing the same functionality in a smaller extension (maybe as an extra tab in the Page Info screen) would be a significant service to the web development community.

Tags: adrian-holovaty, alex-russell, extensions, firefox, my-talks, tamperdata

A Firefox observation

2005-04-28T17:52:02+00:00

There are (to my knowledge) around 80 people on my undergraduate computer science course. Of those 80, I know of at least ~~four~~five who's final year project involves writing a Firefox extension of some sort. That's 1 in 2016.

Meanwhile, the race to fifty million downloads continues. Check out the source code for the counter on that page for some smart use of Ajax.

Tags: extensions, firefox, university