Browser extension: is there a way to stop the loading of images? - firefox

In either Firefox/Chrome extension, is there a way to stop the loading of <img> before the browser actually starts loading them from a page?

The popular Web Developer extension for Firefox has this feature, under its images menu

In Firefox it is possible, in Chrome it in not possible yet, but this is a common request from extensions developers, so they are working on it (Chrome devs are mainly worried about performances hit).

Related

error parallax effect in firefox but works on google chrome

I need your help my website is not functioning properly on firefox browser but in edge, chrome and opera and safari it works only firefox is not functioning properly
Firefox Browser
Google Chrome Browser
I would recommend setting up all your projects in Xampp or something similar first before testing it. If you are going to upload to a server you need to replicate the environment locally before you decide whether it is going to work or not. It seems complicated but it is quite simple, you can find out more here. https://www.apachefriends.org/
That said, check your urls, they are not the same for your two different screens, the one is referencing an anchor tag.

creating a browser independent bookmarklet or browser addon

What is the best way to create one browser addon or bookmarklet that would seamlessly work on IE, Firefox and chrome, is there some google gadget that would let you do it?
This all depends on what you actually want to create. If your addon requires things like local storage or the use of xPath or other browser specific items than doing this seamlessly and correctly across the multiple platforms wouldn't be incredibly easy.
Generally speaking all the browsers are quite different. Chrome and Safari run webkit, Firefox Gecko and so on. Some support HTML5 well, others don't. If you're creating something complex you will have to do so for each individual browser. However, much of the code from one can be re-purposed with a few extra / different calls on another. Firefox for example has a lot in common with Chrome and Safari and Chrome and Safari are even more so closely related.
If your addon is very simple I'd recommend going with just a bookmarklet take a look at this http://www.smashingmagazine.com/2010/05/23/make-your-own-bookmarklets-with-jquery/ using JQuery will help solve some if not all of the browser specific issue's you'll run into.
If you require an addon/extension or a bookmarklet do it with JQuery where possible.
I can't really give a more specific yes or no answer without more information. If you could please expand on perhaps what you're looking to do it would be much easier to help you.

Firefox toolbar development, possible to load toolbar into browser as I dev?

I notice for chrome I can load an extension I'm developing into it without packaging it or anything. I'm wondering is this possible to do on FireFox? If not, what's the least painful way to develop and test at the same time? I'm using linux.
Yes, I believe you can perform what is a called a "chrome reload".
http://kb.mozillazine.org/Getting_started_with_extension_development#Development_cycle

Testing GWT application in firefox - how to prevent firefox to cache css

I develop a GWT application and use mozilla firefox for testing. I am looking for a way to configure firefox to not cache css files of my application. Because it often happens that I forget to clean the firefox cache and work on my application with old css styles.
Is it possible to configure mozilla firefox to not cache css files?
The Web Developer extension in Firefox lets you disable all caching. This should work for CSS, as well. It'll also help prevent those "doh" moments when the app starts working after you clear the cache.
You can just go to about:config and set both browser.cache.disk.enable and browser.cache.memory.enable to false. It will prevent everything from being cached, not just CSS. (I assume that's what the Web Developer extension is doing)

How to know the real size of a web page?

I wan't to know the real size of a web page (HTML + CSS + Javascript + Images + etc.) but from the browser side, maybe with a software, Firefox Add-On or similar?
Use firefox, and get FireBug.
Then get the YSlow addon for firefox.
For IE, you can get the DebugBar which comes pretty close to giving the same information.
YSlow is a FireBug plugin (Firebug is a FireFox plugin), and it works great.
If you meant the entire website, you could get HTTrack (Software) and download the entire site... just be careful.. people don't like it when you do that!
I think the Firefox Plugin Extended Statusbar can do that for you.
It will give detailed information about what has been downloaded, including the size of the downloaded data.
If you can't or don't want to use firefox and its plugins, you can use Pingdom Tools.
Firefox now embedded developper tools (in the tools menu, or Ctrl+Shift+S) has a "Network" tab which allows for detailed monitoring of size and load time of a webpage. The context menu (right click) allows to save data in HTTP archive format (HAR).

Resources