Forcing Firefox to Show Image After Disabling Showing Images

I guess I didn’t know that if you disable Firefox to show images, images still show if you use a Data URI string, base-64 encoded. For example, let’s take a look at the following HTML:

<html>
<head>
<title>Test</title>
</head>
<body>
<img src="data:image/gif;base64,R0lGODlhuwAsAPcAAAAAAIAAAACAAICAAAAAgIAAgACAgMHAv8DcwKrK7wAAAAAA/wRAfQJHjQRR
owqRBgD/AAI2bRNnvw5j0BAQEBJWnBZoJhSGDhwdHBk6XhdLfiFUHhpcmB9xLxqmDidDXyVkHSMl
JidtqSty0it6JCyVFiyiFzEyMi6wGDk5OUFQazdowDttmjCAPzeXHkJCQUdITENyzUCIN0x9qEuE
tkiN3keTUk6Zwk2rNEq1J1BRUlVcUlJbblV1s1ehYFxcXV6HqFiAs2KRsljBLl1bWWVlZGefzl6a
4mtrinGX3WiycXC/D2jNNm9vbnaQyXaixYBhN3l8eXp6mYOOlXeq5oW9PX+41XjAgH7aEH3iSoQA
AIFxWISEAIaw54S8N4bMjI+EXYmIho+TqYulvIen2IytvZSx2pG764jsEZNoK5KQjZSYm5SUnJWU
1pDLPpvmOpbamppPM5mTfZqZkpycmZ2c15qylaHOY6abVqGfvKS7zaHkpKwIDa8OE66uqqqq566y
xq3Hg63G2a3ur7g1ObRKGbVWHLZ+MbR9UbS2uLTL37TafrkRFbopKbpmI726tLq9vbq5zcLB8L7R
m7r6vcIPGsUYIsk3IsY8QshKMcVNUcdqasZ7SsKAMryQXMiUPMa9zsrMzMDN1sulR86qpcy4pc7D
Ss3HwNDMxdIVJNdEJtZYPdhrStl0edSnfNHAttTQVtXVatPQyNbX2uMWC9saK9w0E+FMWNpZY91s
st1+LNx7VtyzcdqzydzXWeUBAeAnOOtiNudkxuhryOxzC+iBieaMzOmOHN+MWuamque0tuTl5fAP
CewuwOlFFe5IyeRWBPNY0Ox90PClheyqHvDGg+nQtO/v7/cAAPhSGPdSGP9sGviPavCVN+yjY/qz
IfWxWPK9bfXAofPELfLLSPTUMvPR0/neQfrcZPrmdPnqyfjsVvf3APv29v5iGv+vG/zphPvmpvv2
ev3znfv2tv742/7876KjpICAf/8AAAD/AP//AAAA//8A/wD///3+/SH5BAAAAAAALAAAAAC7ACwA
hwAAAIAAAACAAICAAAAAgIAAgACAgMHAv8DcwKrK7wAAAAAA/wRAfQJHjQRRowqRBgD/AAI2bRNn
vw5j0BAQEBJWnBZoJhSGDhwdHBk6XhdLfiFUHhpcmB9xLxqmDidDXyVkHSMlJidtqSty0it6JCyV
FiyiFzEyMi6wGDk5OUFQazdowDttmjCAPzeXHkJCQUdITENyzUCIN0x9qEuEtkiN3keTUk6Zwk2r
NEq1J1BRUlVcUlJbblV1s1ehYFxcXV6HqFiAs2KRsljBLl1bWWVlZGefzl6a4mtrinGX3WiycXC/
D2jNNm9vbnaQyXaixYBhN3l8eXp6mYOOlXeq5oW9PX+41XjAgH7aEH3iSoQAAIFxWISEAIaw54S8
N4bMjI+EXYmIho+TqYulvIen2IytvZSx2pG764jsEZNoK5KQjZSYm5SUnJWU1pDLPpvmOpbamppP
M5mTfZqZkpycmZ2c15qylaHOY6abVqGfvKS7zaHkpKwIDa8OE66uqqqq566yxq3Hg63G2a3ur7g1
ObRKGbVWHLZ+MbR9UbS2uLTL37TafrkRFbopKbpmI726tLq9vbq5zcLB8L7Rm7r6vcIPGsUYIsk3
IsY8QshKMcVNUcdqasZ7SsKAMryQXMiUPMa9zsrMzMDN1sulR86qpcy4pc7DSs3HwNDMxdIVJNdE
JtZYPdhrStl0edSnfNHAttTQVtXVatPQyNbX2uMWC9saK9w0E+FMWNpZY91sst1+LNx7Vtyzcdqz
ydzXWeUBAeAnOOtiNudkxuhryOxzC+iBieaMzOmOHN+MWuamque0tuTl5fAPCewuwOlFFe5IyeRW
BPNY0Ox90PClheyqHvDGg+nQtO/v7/cAAPhSGPdSGP9sGviPavCVN+yjY/qzIfWxWPK9bfXAofPE
LfLLSPTUMvPR0/neQfrcZPrmdPnqyfjsVvf3APv29v5iGv+vG/zphPvmpvv2ev3znfv2tv742/78
76KjpICAf/8AAAD/AP//AAAA//8A/wD///3+/Qj+APEJHEiwoMGDCBMqXMiwocOHECNKhCirosWL
GDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzps2bOHPq3Mmzp81TYV6cCBHiBIwwp1Bp
RIUqlFOlIQFIBYDv46l79x5B3WjDz6mKfg5sVUlpkNk9e+Co/cL2ipK3PlP6SRGiCB2B94qESOEH
Y6hZy5ZdGzwLUl+PVAdS7YgvxQsdO/CJ3Viiqx0ZD2xo1XgKV63PtVKJtkSatKavssoOQrv2y5XX
b+HGNekHgw5IoURNmSIqFCQdIQ5XnDV48LJ2/67JOtAx8cXFGMUggZECho4fRZqEeaTRTg4XMkz+
oPBwYbtGXMWQI//Hvv2/dq00VVyN9l/rK/9i+/Axu+SpEzo4JYoRQQRhhBF6hKLDCajJQlxxgzl1
zTJjYbSYVFVBZ9E9YoSSgg5NgIhPGHY1aJEPTAwxRA4ooHDBDsJdVMt6wLhnzi2p4HJNO5ZUhNYe
7Fng2mvsKbEff/2NhA8Gj+QmiAQVVCCBBAk+EkJVw0FonHGhcERVYl9iaZEU7Vj3TyhNFLGGGk1E
wR1GNmTBRIo5XLBBEfdUKEst/wDwD59S/dMKLuZY0so/jPioVpCvuVXkkSVJpdFUFU0lqUWWVgoA
pptulEIRApIhwQxjCKJIb7IUkcJFWmrZ5Ub+YcoS60VSRJICPqHQEaIf96QZY0U4ZCGnCxvAUAR3
XmHEJ3s1uvdPMpYkg6iicDDqlhLs7WeDDSR1mpG33lb6HKayghsuRiHM4ZQiRkhAgxBkCILqHCGw
qggZZjxY3KuT4nOhv2JWhIQUL2gXhRQB+tEEEb/KIsMQwoKgw5sD32Pisu1Zeg0mjSjzTx8VwcEW
o7Fluy23Ip0rq7gst9zypjCvrLJFGGS3hhgsNMAAAw1MQccaaWJgUShJdDGLIl2QASG/3wIsq9MX
3aOCDjAM/EMiByQSBsMahUFCDjhwpwISeUiBjx9bpeLs2q308XHIIq/d3sktjJQpy+COq7f+zHzP
XBEGdPgBiB4iOAAEEE/oAYlhcwhdUQxdJLDMLAkkYQaXXjo9q0WnqKFDETDAsEYoftDxQhF+1CGL
JBnZQUIUOujAgxhSAGJeRWq7FygmhGpCyD98VMTWF3KzR7fd5O6dt4WUruy837KEQEduijggwhil
9hbKKfRWBMgIVJyhiCBndBFDYMswbaHmUF90ABFR+OFUWGEcdUAds6iO0SxhpLCG7B3yQxQsVhFL
rMdZ5sBEHzBhjnaATBZDCpIFtGW8FlgQeS5zngZVdq5OeZAjn3KKIBqgM549wSmnUFVFnDCBGlBh
FqLoQg1GAJj0Ze5fGrqIGsJwDz/Qr2D+B8hDGyShP4voIBGQgMEPpnAAwyxMDajRRDGK5574VAQ2
QTLStip4wZQl74N4m5SFxrgRfISgSXqgAQ1YwIIgJCgUj8AAllg4giPAkAozrKGJ1ofDgHEuCmFo
wsJOdwBJtEEWf8iIIHNFB0gkIgowIMLZUHMKTViiEpVgBCOixR5M8KEPp7mio/4xwZOxx4It6EC3
LrVBVs6sg2TkDIAEJAqsOKVLC0INICYwghqIQhBHqMH5JrfH57AvhxZBxSPUUAQiFEEyefgDIAyJ
EVT4QQf4uEcoPAc/OjyimBchhSU24UBSYKRkpPSBKf9hwQ6oMkkjqY0ODuCU3TgliRj+iFEMeikK
PcyQDIGZBTgrJSZkVvMAPvTDI+ogTSJypgn4+N8OouDNgWKkFI0gRB9Kcc63+MACJ9uWBdrpTniS
xA9DsUsUKFoEDJzgVwdYwQjG8IQVBIGes5hFWDJHUJLMgpob8QM+sqOGb47kFITgwys6qq2QotKd
FrCASUkClBeEAAMYCMELkLKUMfQgCD18xAFOQVbEYIgkf/hDJDqiTIVatCOn2ERGjKROuqEylVGV
6lT3yte++vWvgA3sSAbwkZw+ZSal4OhHPPGJUZjisbCIhWQl64tYpMRSmM2sYD8ygH1A7x41NGwo
EOoSXsSjHvWoBnM4gghqjKMc6Ej+BzzmQY/a0mMe8liHZU8CgAD49rcAEIBwhwu9zcqiswPoU1BB
mwg/JOK5iaBDVFi5Px6gg7bxgMchOtKJ16ZDHai1hz3aUw/c+gIlvf2tb4M7XOEWV7DI/UdnZ+bD
ZdAlFEiExBpAAoAD+HdmTzjEOuBBj+x+Iwoc6e454jENdagiGxDOhjvEQQ95nNcivTCGNKRhjF7I
IhBVCHEgmJfZEhtXI/OV7z72MQCV+XAWEJ0F1g6wBj1Z6AD+OsDMbpCGc+iiGuk4xzt4kOBxwGMX
l1DHNCTsjm1sIxj1kAcsMByNKld5GF5Ygpa17IXnqHe97XXvTd5bks4eoE8rBkD+mjECXawtxylr
WK2XcFwulYlABONIBzN+MQ4oNMwihyBHNWyRjV3UIxjuSPQ23DGNeUxZFr2wspXxsOVK3wFTXw4A
e9tLZljdLXmgZomZ/3GAfSxgASsudbiQiOMw3DIUa3jTnKWS5nOtgQEVUMEcwpEG6criFcU8BDwy
AWFbWEMczkh0k92hjkdL4xnPEEYvepGLLd9hEnfYMqdKrFmTdDqDKRl1qU2N6lKr2iKQOMAJsJqC
v8A6EWZdcZpbjJF7ZCACDOCACGggh9OqIxxyloUndkFoCK+iHrtwRoSzwQ11VGQY0PawLEqBBSy4
wSJuqDimv7xp4vJ2jDGrswf+L7U8kAzgzONWc4v3cW6L0HgvL7BOTtfwZ03JW94AoHdGBJiBfF93
HvOAxzEu4opGLNwW4kBteMX7j4oII+IVobjFMa7xSmW642L2dqZIvkGQh9ojyU05i1ms5nOFAnZF
odrMay6rm+Nc5xthwBZ8AY94zAMd7/C1LBBB8Aivgh6scIbCIcwNazy8Gc2IxrRzUXEsLGISi2j8
trn96W7FMuTPax7mTS525JI9I6SDaAjuAYO1e8ntns15cTUABl3Q4hfoOMc3ZmARR4TjEsWuRjWS
rexsqGMUFekF4offDDw0/viXtjrHIcD85n/7W5fv+vI2z9k0jx25M4PELKL+gJsDFGFyNB+omt8+
gBavngXjQAc85IEOR5jB14boBjJs4QxWxOPBvZ8GOj5hEWMQH/FvgAYCKIBvsBXppV4A0HzO93HK
I32g9nwVMV/X93kaARizUASegz4050OyhinzVn4gWFz3oAEsAAa6BwVCoAhzUBGGQAzgkAmMUA3I
oHDKFgzx8A2dcBG98HTR5mGL8AZAuAgkRnnNEynRJ3Ka4koksXKeB3c7RwfHgT6BsQb34E2TknMg
WH7UtRE8wAAicANGYAVPAANQUQjEcAzegAzVwAi20IbOgHTjQA05yFv5UId2mIAKCAEQCBN7GIHd
1hEHEAZrEBgTMkA2pilgIfh8dKACGZABH3AsFhEH0EAM3RAOulcN8ZCJ/3YMx4AI6GWHd5iHejgb
fagSqHAAj2BUH1GELBEHhVAIhmAIjjCLtDiLnoheRFh5J7aLvNiLvviLwBiMwjiMxFiMHBEQADs=" />
<img src="TrayItems.gif" />
<img src="http://www.shinylight.com/wp-content/themes/Wiking/images/button_rss.png" />
</body>
</html>

Which outputs:

You can see for yourself here, which is the HTML page.

Now, let’s disable showing of images in Firefox – Uncheck “Load images automatically”:

Refresh the page and see that you get:

Strange that they haven’t blocked this as well. This happens in Firefox 3.6 for Windows. I tested it in Safari 4.0.4 on Windows and it none of them showed when images are disabled.

Run Program, Resize it, Relocate it

My work often changes. I could be doing programming, then systems administration, then quality assurance. I often have to change from different toolset to toolset and I find it annoying sometimes having to rerun programs and moving them to the same locations. Then resizing. Eech. This is especially frustrating when I’m doing testing and I have to debug and read requirements all at the same time. One handy thing to do is to use AutoHotkey, the great scripting tool.

Here’s a handy script I put together that opens up two different programs, moves them on the screen and resizes the Window. Just copy and paste the same block of code for each program to open as may apps as you want with whatever on-screen configuration you want.

; Run Note.exe
; WinMove, WindowTitle, WindowText, X-Axis, Y-Axis, [, Width, Height]
Run, note.exe
WinWait, Untitled - Notepad2
WinGetPos,,, Width, Height, Untitled - Notepad2
WinMove, Untitled - Notepad2,, 500, 500, 200, 200
 
; Run your browser with the following URL
Run, www.google.com/search?source=ig&hl=en&rlz=1G1GGLQ_ENUS313&=&q=tigers&aq=f&oq=&aqi=g5g-z1g4
WinWait, tigers - Google Search - Mozilla Firefox
WinGetPos,,, Width, Height, tigers - Google Search - Mozilla Firefox
WinMove, tigers - Google Search - Mozilla Firefox,, 900, 200, 300, 400

Firefox Add-Ons for Developers

Here’s a set of Firefox add-ons I use in my daily development. Note all of them analyze code. Some of them are for being productive.

Make sure you go to the Firefox web site to get the latest versions of these.

CodeBurner for Firebug 1.2

CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.

https://addons.mozilla.org/en-US/firefox/addon/10273

ColorZilla 2.0.2

Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies...

https://addons.mozilla.org/en-US/firefox/addon/271

Firebug 1.4.2

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page...

Firebug 1.4 requires Firefox 3.0 or higher.

https://addons.mozilla.org/en-US/firefox/addon/1843

GooglePreview 3.22

Inserts preview images (thumbnails) and popularity ranks of web sites into the Google and Yahoo search results pages.

https://addons.mozilla.org/en-US/firefox/addon/189

Greasemonkey

Allows you to customize the way a webpage displays using small bits of JavaScript.

https://addons.mozilla.org/en-US/firefox/addon/748

Html Validator 0.8.5.8

HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing.

https://addons.mozilla.org/en-US/firefox/addon/249

IE Tab 1.5.20090525

IE Tab - an extension from Taiwan, features: Embedding Internet Explorer in tabs of Mozilla/Firefox...

https://addons.mozilla.org/en-US/firefox/addon/1419

Selenium IDE 1.0.2

Selenium IDE is an integrated development environment for Selenium tests. It is implemented as a Firefox extension, and allows you to record, edit, and debug tests. Selenium IDE includes the entire Selenium Core, allowing you to easily and quickly...

https://addons.mozilla.org/en-US/firefox/addon/2079

Web Developer 1.1.8

The Web Developer extension adds a menu and a toolbar with various web developer tools.

https://addons.mozilla.org/en-US/firefox/addon/60

Mozilla Labs - Ubiquity 0.1.9

An extension that allows for the use of dynamic commands in Firefox.

https://addons.mozilla.org/en-US/firefox/addon/9527

Text2Link 1.9.4

Text2Link is a simple and easy-to-use way to copy the text of a link, or to open URLs and send emails to addresses not marked-up as HTML links.

https://addons.mozilla.org/en-US/firefox/addon/6003

Tab URL Copier 1.1.9

Copies the URLs of all open tabs. Puts 'Copy Tab URLs' item in right click menu of tabs and Edit main menu. Useful for bibliographies, quickly sending someone a list of pages to view etc. Can now open tabs from previously copied...

https://addons.mozilla.org/en-US/firefox/addon/2069

Wired-Marker 3.1.09060400

Wired-Marker(http://www.wired-marker.org/en/) is a permanent (indelible) highlighter that you use on Web pages. The highlighter, which comes in various colors and styles, is a kind of electronic bookmark that serves as a guide when you revisit a Web page. The highlighted content is automatically recorded in a scrapbook and saved.

https://addons.mozilla.org/en-US/firefox/addon/6219

YSlow 2.0.0b6

YSlow analyzes web pages and why they're slow based on Yahoo!'s rules for high performance web sites.

https://addons.mozilla.org/en-US/firefox/addon/5369

FireShot 0.78

FireShot is a Firefox extension that creates screenshots of web pages (entirely or just visible part).

Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.

The captures can be:

- uploaded to FREE public screenshot hosting
- saved to disk (PNG, GIF, JPEG, BMP)
- printed
- copied to clipboard
- e-mailed
- sent to configurable external editor for further processing.

https://addons.mozilla.org/en-US/firefox/addon/5648

Text Area Resizer & Mover 1.80

Allows to easily resize or even move textareas.

https://addons.mozilla.org/en-US/firefox/addon/8287

Other ones I recommend are FireQuery, Poster, Delicious, and Formbug.