firefox add-on vs. extensions vs. plugins

Add-on: essentially anything that can be installed into the browser. This includes for example extensions, themes, plugins, dictionaries, language packs, search engines. Extension: a package extending browser functionality, the extension format used by Firefox works in Gecko-based browsers only. Extensions typically use XUL and CSS for their user interface as well as JavaScript for dynamic … Read more

How can I have multiple rows with tabs on Firefox 57+ (Add-on “Tab Mix Plus” no longer works)?

Multirow tab bar with working tab dragging (tested on FF 61): Download and extract https://luke-baker.github.io/Firefox_chrome.zip Copy userChrome.xml to your chrome folder. Add content from userChrome.css to your userChrome.css. Download MultiRowTabLiteforFx.uc.js to your chrome folder. Your chrome folder is a folder named chrome located under your user profile, e.g. ~/.mozilla/firefox/g7fa61h3.default/chrome. It does not exist by default, … Read more

Is there an addon which you can test css selectors in firefox?

Edit 2019-12-04: The firefinder addon no longer exists, but you can use the developer console (press F12), and the $$ function to get elements matching a selector, eg. to select all divs: $$(‘div’) Old answer: FireFinder does exactly what you are looking for. You can evaluate either CSS, or XPath expressions, it will list the … Read more

How to use jQuery in Firefox Extension

I use the following example.xul: <?xml version=”1.0″?> <overlay id=”example” xmlns=”http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”> <head></head> <script type=”application/x-javascript” src=”https://stackoverflow.com/questions/491490/jquery.js”></script> <script type=”application/x-javascript” src=”example.js”></script> </overlay> And here is an example.js (function() { jQuery.noConflict(); $ = function(selector,context) { return new jQuery.fn.init(selector,context||example.doc); }; $.fn = $.prototype = jQuery.fn; example = new function(){}; example.log = function() { Firebug.Console.logFormatted(arguments,null,”log”); }; example.run = function(doc,aEvent) { // Check … Read more

What is the easiest way to develop Firefox extension?

It’s 2013, isn’t there an easier way of building Firefox extensions? Yes there is! The links you provided in the question are unbelievably outdated. There is a new, much better way of developing Firefox extensions — Firefox Add-on SDK. However it’s pretty hard to stumble upon it by just googling along the lines of ‘firefox … Read more

Handling connection loss with websockets

You have to add ping pong method Create a code in server when receive __ping__ send __pong__ back JavaScript code is give below function ping() { ws.send(‘__ping__’); tm = setTimeout(function () { /// —connection closed /// }, 5000); } function pong() { clearTimeout(tm); } websocket_conn.onopen = function () { setInterval(ping, 30000); } websocket_conn.onmessage = function … Read more

On Text Highlight Event?

There isn’t any onhighlightext or anything like that, but a solution would be to bind onmouseup to check if any text is selected if this isn’t in a input/textarea. Edit Here’s an implementation example for you. I only tested this in Chrome/Firefox/IE7. This works in inputs as well. http://jsfiddle.net/qY7gE/ Code from JSFiddle: var t=””; function … Read more