Firefox Official Download Page

broken image


Learn about the basic features of Firefox (bookmarks, tabs, search, add-ons, page actions and more) and find links to more articles to explore. Refresh Firefox - reset add-ons and settings A Refresh can fix many issues by restoring Firefox to its default state while saving essential information like. Firefox 13.0 (Beta 3) is a fast, flexible and secure web browser with a mission: to build a better internet and make web browsing better for you. About Firefox Mozilla Firefox is a free, open source, cross-platform, graphical web browser developed by the Mozilla Corporation and hundreds of volunteers. In Firefox: Open the about:debugging page, click 'This Firefox' (in newer versions of Firefox), click 'Load Temporary Add-on', then select any file in your extension's directory. The extension will now be installed, and will stay until you restart Firefox.

Firefox Download Page For Mac

If you are already familiar with the basic concepts of browser extensions, skip this section to see how extension files are put together. Then, use the reference documentation to start building your extension. Visit Firefox Extension Workshop to learn more about the workflow for testing, publishing, and extensions for Firefox.

This article walks through creating an extension for Firefox, from start to finish. The extension adds a red border to any pages loaded from 'mozilla.org' or any of its subdomains.

The source code for this example is on GitHub: https://github.com/mdn/webextensions-examples/tree/master/borderify.

First, you'll need Firefox version 45 or later.

Writing the extension

Create a new directory and navigate to it. For example, in your command line/terminal you do it like this:

manifest.json

Now create a new file called 'manifest.json' directly under the 'borderify' directory. Give it the following contents:

  • The first three keys: manifest_version, name, and version, are mandatory and contain basic metadata for the extension.
  • description is optional, but recommended: it's displayed in the Add-ons Manager.
  • icons is optional, but recommended: it allows you to specify an icon for the extension, that will be shown in the Add-ons Manager.

The most interesting key here is content_scripts, which tells Firefox to load a script into Web pages whose URL matches a specific pattern. In this case, we're asking Firefox to load a script called 'borderify.js' into all HTTP or HTTPS pages served from 'mozilla.org' or any of its subdomains.

  • Learn more about match patterns.

In some situations you need to specify an ID for your extension. If you do need to specify an add-on ID, include the browser_specific_settings key in manifest.json and set its gecko.id property:

icons/border-48.png

The extension should have an icon. This will be shown next to the extension's listing in the Add-ons Manager. Our manifest.json promised that we would have an icon at 'icons/border-48.png'.

Create the 'icons' directory directly under the 'borderify' directory. Save an icon there named 'border-48.png'. You could use the one from our example, which is taken from the Google Material Design iconset, and is used under the terms of the Creative Commons Attribution-ShareAlike license.

Mozilla Firefox Start Page

If you choose to supply your own icon, It should be 48x48 pixels. You could also supply a 96x96 pixel icon, for high-resolution displays, and if you do this it will be specified as the 96 property of the icons object in manifest.json:

Alternatively, you could supply an SVG file here, and it will be scaled correctly. (Though: if you're using SVG and your icon includes text, you may want to use your SVG editor's 'convert to path' tool to flatten the text, so that it scales with a consistent size/position.)

borderify.js

Finally, create a file called 'borderify.js' directly under the 'borderify' directory. Give it this content:

This script will be loaded into the pages that match the pattern given in the content_scripts manifest.json key. The script has direct access to the document, just like scripts loaded by the page itself.

Trying it out

First, double check that you have the right files in the right places:

Installing

In Firefox: Open the about:debugging page, click 'This Firefox' (in newer versions of Firefox), click 'Load Temporary Add-on', then select any file in your extension's directory.

The extension will now be installed, and will stay until you restart Firefox.

Firefox Official Download Page

Alternatively, you can run the extension from the command line using the web-ext tool.

Testing

Now try visiting a page under 'mozilla.org', and you should see the red border round the page:

Firefox Official Download Page Microsoft

Don't try it on addons.mozilla.org, though! Content scripts are currently blocked on that domain.

Try experimenting a bit. Edit the content script to change the color of the border, or do something else to the page content. Save the content script, then reload the extension's files by clicking the 'Reload' button in about:debugging. You can see the changes right away:

Packaging and publishing

For other people to use your extension, you need to package it and submit it to Mozilla for signing. To learn more about that, see 'Publishing your extension'.

What's next?

Now you've had an introduction to the process of developing a WebExtension for Firefox:

  • take your learning further.

We apologize for the inconvenience: to prevent possible abuse of the Startpage.com service, your Internet connection has been prevented from accessing it at this time.

This happens when a large number of search requests are received from one's Internet connection in a short amount of time -- for example, if you are using 'screen-scraping' software, or if you are sharing a connection with many people, perhaps through a proxy service.

Otherwise, if you have received this message in error, please help us in investigation by providing following information:

This Mozilla Firefox Download Page

- Are you using TOR or other anonymous proxies?
- Do you have special browser configuration or extensions?
- Are you using VPN?
- Are you using a company network?
We will seek to refine and correct this whenever possible. Thank you for your patience.


If you have javascript disabled, you will not be able to send this info to Startpage via the form. You can enable javascript or contact us via email at support@startpage.com.





broken image