Tag Archives: firefox

Firebug tool – part 001.

This tool help you to see and change online your webpage.
You can download it from firebug tool.
The official site tells us about the most popular and powerful web development tool:

  • Inspect HTML and modify style and layout in real-time
  • Use the most advanced JavaScript debugger available for any browser
  • Accurately analyze network usage and performance
  • Extend Firebug and add features to make Firebug even more powerful
  • Get the information you need to get it done with Firebug.

Today I will show you one simple example about how to use this tool.
The issue is: get the information you need to get it done with Firebug.
First you need to add this extension to your firefox browser.
Open google.com website to test it.
Then press the F12 key to open the firebug window and press Enable button.
Select the Console tab. The window is change with two areas.
One to see the result of output command and one with editbox to write your commands.
Let’s start with some commands:

This command will get infos from browser and websites.

Posted in All, Commands, javascript, web. Tagged with , , , , , , , , , .

Make firefox addon with node.js and jpm – part 001.

Download the npm from nodejs official website.
Run the windows downloaded program and make your testing directory and run the npm:

The next step is to run the instalation of jpm with this:

Will see also the folders where is the new jpm.
To make your addons you need to login into your firefox dev account and take one generate API credentials.
Then run this commands and fill with data the new addon, like you can see in the next example:

I have this files into my folder free-tutorials.org_addons:

The my_user is my user and you will have the name of your user.
Use the next command to build an XPI.

Into this moment the addon is not signed. If you use about:config will see this:
npm_jpm_addon_signature
Use this link to submit the addon. You need to upload your XPI file and also to follow the steps from mozilla website.
When you done the you can see your addon.
My default example addon version 0.0.1 can be found here: free-tutorials.org addon.
The addon is not signed yet so will need to set xpinstall.signatures.required to false from about:config if you want to install it.
I will make another tutorial about how to do the signed process.

Posted in All, node.js, Programming, web, Windows 10. Tagged with , , , , , , , , , , , .