Difference between revisions of "/MozAddOnSDK"

From Interaction Station Wiki
Jump to navigation Jump to search
Line 42: Line 42:
 
*[https://pzwiki.wdka.nl/mw-mediadesign/images/d/d0/AlertBox_example.zip Alert Box Example]
 
*[https://pzwiki.wdka.nl/mw-mediadesign/images/d/d0/AlertBox_example.zip Alert Box Example]
 
[[File:alertbox.png|555px]]
 
[[File:alertbox.png|555px]]
 +
 +
So after you went through [https://developer.mozilla.org/en-US/Add-ons/SDK/Tutorials/Getting_started this], created your add-on project folder and ran cfx init on it from the terminal, you can download any of these examples and test them, tweak it or destroy it completely. <br> Don't forget to place the main.js inside the lib folder and all the other scripts and files (cookiesbuenos.js, cookiemonster.png and panelcookies.html) inside the data folder. For every project, create a new folder and run cfx init!
  
 
</div>
 
</div>

Revision as of 15:02, 20 March 2015

Installing the Mozilla Add-On SDK

Pre-requisites: You need to have Python 2.5, 2.6 or 2.7 installed!

1. Download it!

2. This works for both Mac and Linux users. Open a terminal window.
First extract the file contents by typing this:

 tar -xf addon-sdk.tar.gz

And then navigate to the root directory of the SDK by typing this:

  cd addon-sdk

Now, type this:

  source bin/activate

and, if this doesn't work, type:

  bash bin/activate

3. You now should see something like this in your command promp:

  (addon-sdk)~/mozilla/addon-sdk >

4.Let's see if everything is installed! Type:

  cfx

You should see something like Usage: cfx [options] [command] followed by many lines.

And here's how you can create a simple add-on.

Other useful links:

Some examples that allow you to visualize who's tracking you on the web:

Panel.png

Modifypage.png

Alertbox.png

So after you went through this, created your add-on project folder and ran cfx init on it from the terminal, you can download any of these examples and test them, tweak it or destroy it completely.
Don't forget to place the main.js inside the lib folder and all the other scripts and files (cookiesbuenos.js, cookiemonster.png and panelcookies.html) inside the data folder. For every project, create a new folder and run cfx init!