Finding 404 elements inside a page using firefox extensions

September 4th, 2009 by Sunil

If you are website developer and if you are uploading images and other files to your web server, you might face some problems with file upload especially large amount of images through ftp. Or you might forgot to upload some files. It would be easy to find such forgot things through some firefox plugins (extensions). In this blog I added test.gif to my page. Lets see how we can test this with different plugins. If you are using safari web browser there is an activity tab. You can find missed resource from there also. Also you can use Xenu software which will scan all your web and will return appropriate status.

Firebug

In firebug, under the net tab, each element will display via category . All, HTML, CSS, JS, XHR, Images, Flash etc. And check the each element. If any resource referring from your HTML page and if it is not available it will show as 404. Install firebug from here

Firebug

Firebug

Yslow and PageSpeed is coming inside the firebug. So first you need to install firebug first and then the following tools.

Yslow

Yslow is another great tool from yahoo to optimize your website. In yslow, you can find missed elements through components tab. It will looks like this

Yslow

Yslow

Download Yslow

PageSpeed

Page Speed is an open-source Firefox/Firebug Add-on from Google. It helps to optimize the website and making it fast. You can identify 404 elements from show resources tab in pagespeed.

Page Speed

Page Speed

Download page speed

Please share your comments about this. Follow me on Twitter

  1. Nitesh patel says:

    this is quite a usefull addon and this may be very useful in case of finding erroneous links. thanks for sharing