Mozilla Firefox’s Web Developer menu has tools for inspecting internet pages, running JavaScript code, and viewing HTTP requests and other relevant messages. In this tutorial you’ll learn about Firefox’s all-new Inspector tool and updated Scratchpad.

Mozilla Firefox’s new web developer features, combined with top of the line Firefox web developer addons like Firebug and Web Developer Toolbar, make Mozilla Firefox the ideal internet browser for web developers. All of these tools are available absolutely for free under Web Developer in Firefox’s menu.

 

Page Inspector

You can inspect a specific element’s code by right-clicking it and selecting Inspect (or by pressing Q on your keyboard). You can also launch the Inspector right from the Web Developer menu.

You will then see a toolbar at the bottom of the webpage, which you can then use to control the Inspector and check out all the elements on the page. Your selected element will be highlighted and other elements on the webpage will be dimmed out.

If you want to select a new element on the page, click the Inspect button on the toolbar, hover your mouse over the page and click you element. Mozilla Firefox will then highlight the element under your cursor as you maneuver it across the page.

You can also go back and forth between parent and child code elements by clicking the breadcrumbs on the Inspector toolbar.

HTML Inspector

Click on the HTML button to view the HTML code of your selected element.

The HTML Inspector will allow you to expand and collapse the HTML tags, making it easy to visualize your changes right on the page – very similar to WYSIWYG software like Adobe Dreamweaver.

If you want to see the webpage’s HTML in a flat file, you can also select View Page Source from the Web Developer Menu. (Remember to bring up the Web Developer Menu just use your cursor to right-click anywhere on the webpage).

CSS Inspector

Click on the Style button to see the CSS rules that are being applied to the selected element and there’s also a CSS Computed panel.

You can switch between Rules and Computed by clicking the Rules and Computed buttons. To help you find specific CSS properties, the computed panel includes a search box.

You can also edit the element’s CSS straight from the Rule panel. Uncheck any of the check boxes to temporarily deactivate the rule, click the text to change a rule, or add your own rules to the element at the top of the panel. Here, we’ve added the font-weight: bold CSS rule, making the element’s text bold.

JavaScript Scratchpad

The Scratchpad also saw an update with recent versions of Firefox, and it now contains syntax highlighting. You can type in JavaScript code to run on the current webpage.

As soon as you have, click the Execute menu and then select Run. The code runs in the current tab.

Web Console

The new Firefox Web Console replaced the old Error Console, which has been belittled by users and removed by Mozilla developers in the latest versions of Firefox.

The Web Console displays 4 different types of messages, which you can then toggle the visibility of – network request, CSS error messages, JavaScript error messages and web developer messages.

A web developer message is a notification printed to the window.console object. For example, you could run the window.console.log (“Hello World”); Javascript code in the Scratchpad to print a developer message to the console. Web developers can integrate these messages into their JavaScript code to help with debugging.

Refresh the webpage and you then see the generated network requests and other related messages.

Use the search box to filter the messages; click a request if you want to see more details.

With recent versions of Firefox, the Web Console can work in tandem with the Page Inspector. The $0 variable stands for the currently selected object in the Firefox Inspector. So, for example, if we wanted to hide the currently selected object, you could run $0.style.display=”none” in the console.

If you are interested in learning more about using the Web Console and its various built-in functions, check out the Web Console page on Mozilla’s Developer Network website.

 

The popular open-source browser Firefox is awesome right when you download it. And by adding some of the awesome addons available for it, Mozilla Firefox just gets more and more appealing.

But when you look under the hood, and there are a number of hidden tips and tricks available that will crank the browser up for you – making it faster, easier, and more efficient to use.

Here are 10 really awesome Firefox tricks you can apply right now:

 

1. Add more screen space by making you icons smaller – Go to View >> Toolbars >> Customize and check the “Use small icons” box.

2. Use Smart Keywords – If there is a search term you enter a lot, this is a great tool that not many people take advantage of. Visit your favorite search engine, then right-click on the search box. Select “Add a Keyword for this search” give the keyword a name and an easy-to-type and easy-to-remember shortcut name and save it. Now, when you want to do a search for that term, go to Firefox’s address bar, type the keyword and press return. Instant search! You can do this with any search engine.

3. Keyboard shortcuts – It may take a little bit of time to master all of these, but as soon as you do, your browsing will be a lot faster – not to mention you won’t have to use a mouse anymore. Here are some of the most popular keyboard shortcuts for Firefox.

  • Spacebar (page down)
  • Shift-Spacebar (page up)
  • Ctrl+F (find)
  • Alt-N (find next)
  • Ctrl+D (bookmark page)
  • Ctrl+T (new tab)
  • Ctrl+K (go to search box)
  • Ctrl+L (go to address bar)
  • Ctrl+= (increase text size)
  • Ctrl+- (decrease text size)
  • Ctrl-W (close tab)
  • F5 (reload)
  • Alt-Home (go to home page)

4. Auto complete – Here’s another keyboard shortcut, but less known and even more useful. Go to the address bar (Control-L) and type the name of the website without the “www” or the “.com” Let’s say “google”. Then press Control-Enter, and it will automatically fill in the “www” and the “.com” and take you there – like magic! For .net addresses, press Shift-Enter, and for .org addresses, press Control-Shift-Enter.

5. Tab Navigation – Instead of using the mouse to select different tabs that you’ve opened, use your keyboard! Here are the shortcuts for that:

  • Ctrl+Tab (rotate forward among tabs)
  • Ctrl+Shft+Tab (rotate to the previous tab)
  • Ctrl+1-9 (choose a number to jump to a specific tab)

6. Mouse shortcuts – Sometimes you are already using your mouse and it’s just a lot easier to use a mouse shortcut than to switch over to your keyboard. Check out these really cool tricks for your mouse on Firefox:

  • Middle click on link (opens in new tab)
  • Shift-scroll down (previous page)
  • Shift-scroll up (next page)
  • Ctrl-scroll up (decrease text size)
  • Ctrl-scroll down (increase text size)
  • Middle click on a tab (closes tab)

7. Delete items from address bar history – Mozilla Firefox’s ability to automatically show previous URLs you’ve visited, as you type, in the address bar’s drop-down history menu is very cool. But sometimes you just don’t want those URLs to show up. Go to the address bar (Ctrl-L), start typing an address, and the drop-down menu will appear with the URLs of pages you’ve visited with those letters in them. Use the down-arrow to go down to a web address you want to delete, and press the Delete key to make it gone for good.

8. Add a keyword for a bookmark – Go to your bookmarks a whole lot faster by giving them keywords. Right-click the bookmark and then select Properties. Put a short keyword in the keyword field, save it, and now you can type that keyword in the address bar and it will immediately go to that bookmark.

9. Speed up Firefox – If you have a broadband connection, you can use pipelining to speed up you page loads. This allows Firefox to load multiple things on a page at once, instead of one at a time (by default, it is optimized for dialup connections). Here’s how you do it:

  • Type “about:config” into the address bar and hit return. Type “network.http” in the filter field, and change the following settings (double-click on them to change them):
  • Set “network.http.pipelining” to “true”
  • Set “network.http.proxy.pipelining” to “true”
  • Set “network.http.pipelining.maxrequests” to a number like 30. This will allow it to make 30 requests at once.
  • Also, right-click anywhere and select New-> Integer. Name it “nglayout.initialpaint.delay” and set its value to “0″. This value is the amount of time the browser waits before it acts on information it receives.

10. Limit RAM usage – If Firefox is taking up too much of the memory on your computer, you can limit the amount of RAM it is allowed to use. Go to about:config, filter “browser.cache” and select “browser.cache.disk.capacity”. It’s set to 50000, but you can lower it, depending on how much memory you have. Try 15000 if you have between 512MB and 1GB ram.

You can also reduce RAM usage even further for when Firefox is minimized. This setting will move Firefox to your hard drive when you minimize it, taking up much less memory. And there is no noticeable difference in speed when you restore Firefox, so it’s definitely worth a go. Again, go to about:config, right-click anywhere and select New-> Boolean. Name it “config.trim_on_minimize” and set it to TRUE. You have to restart Firefox for these settings to take effect.

a Rafflecopter giveaway

 

Mozilla Firefox includes many powerful features to prevent you from being tracked online, but they aren’t on by default. We’ll show you how to take control of your privacy online with Firefox’s options.

Firefox Internet Browser has some features that send personal data to Mozilla and Google, but these features aren’t required. Mozilla and Google use the date to improve Firefox, provide you with search suggestions and block malicious websites.

Firefox “Do-Not-TrackFeature

Firefox can send a “do-not-track” whenever you connect to a website, asking the website not to track you. It’s disabled by default, so you’ll have to turn it on yourself.

Select the Firefox menu, click Options and then the Privacy icon.

Click the “Tell websites I do not want to be tracked” check box at the top of the privacy pane to enable the do-not-track feature.

Unfortunately, few websites obey your do-not-track preference at the moment. Do not track is also available in Internet Explorer 9 and Apple Safari, but it’s noticeably absent in Google Chrome.

Search Suggestions

Firefox sends every letter you type into its search box to your default search engine, which sends search suggestions back.

You can easily disable search suggestions by right-clicking the search box and unchecking Show Suggestions.

Safe Browsing

Firefox uses the same phishing and malware detection technology found in Google Chrome. Like Chrome, Firefox automatically downloads an updated list of malicious websites from Google every 30 minutes. If you try to access one of these websites, Firefox sends contacts Google to confirm the website is malicious.

It shouldn’t be possible for Google to determine the exact website you tried to access, but Google cookies you have on your computer may also be sent. Phishing and malware detection helps protect your personal data and your computer’s security, but you can disable it using the options on the security pane.

Cookies

Click the “Firefox will” box on the privacy pane and select “Use Custom Settings for History” to view Firefox’s cookie options.

Many advertising networks track you across multiple websites with third-party cookies. You can disable these cookies by unchecking the Accept third-party cookies box. This may cause problems with some websites, so you may have to re-enable this check box.

First-party cookies can be used for tracking, too. Many websites won’t work if you disable cookies entirely, but you can have Firefox automatically clear them each time you close your browser. This prevents websites from building up a profile of you over time, but you’ll have to log into any open websites each time you reopen Firefox. Just enable the “Clear history when Firefox closes” check box and click the Settings button.

Select Cookies and any other type of data you want Firefox to automatically delete, and then click OK.

Crash Reports and Performance Data

Firefox can send crash and performance reports to Mozilla. Mozilla uses these reports to fix problems and help improve Firefox.

The Submit crash reports check box on the advanced pane controls the crash reports feature. Firefox never sends crash reports automatically; it always prompts you. You’ll still see the prompt if you uncheck this check box, but the crash report dialog will default to not sharing any data with Mozilla.

The Submit performance data option causes Firefox to send anonymous performance reports in the background. The reports contain information about how you use Firefox’s interface, how well Firefox is performing and what hardware your computer contains.

Remember to save your settings by clicking OK.

 

The Mozilla Firefox Internet Browser does a fantastic job of saving your usernames and passwords so you don’t have to remember them next time you visit a website. While this feature is a great tool, Firefox doesn’t include a good backup method to save passwords and user accounts in case you need to restore or copy them to a safe location. You can backup your entire Firefox directory, but if you just want to keep a backup copy, or you need to sync them with another computer, the Firefox extension Password Exporter is all you need.

How to Export Saved Passwords Out of Firefox

The Firefox add-on Password Exporter lets you export and import you saved usernames, passwords, and disabled login hosts between computers or just to keep as a backup copy. All of your saved passwords will be exported to an XML or CSV file and can be encrypted for protection.

To install Password Exporter go to Tools >> Add-ons. Search for Password Exporter, click on “Install Now”, follow the instructions, and then restart Firefox after the installation is completed.

Access Password Exporter from Tools >> Options and select the Security Tab.

Locate the “Import/Export Passwords” button in the Saved Passwords section:

To export, click on the “Import/Export Passwords” button and select “Encrypt Usernames/Passwords” check box (recommended for security purposes) then click on “Export Passwords”.

To save the file, give it a name and select to either save it as a XML or CSV file.

Once saved, you can back it up or import it to another Computer running Firefox with Password Exporter installed.

 

Have you swapped out your old computer and became frustrated when you had to set up all of your bookmarks and favorites again on the new one? In Firefox 12.0 you can move your bookmarks quickly and easily. Learn how to Export bookmarks from Firefox 12.0 and then Import them onto a different Internet Browser. Follow these simple instructions to learn how.

Instructions

Exporting Firefox 12.0 Bookmarks

1. Open Mozilla Firefox 12.0 Internet browser.

2. Click the Bookmarks Menu Tab in the Menu Bar located on the top left of the browser. If you do not see the Bookmarks Menu Tab, press the ALT key on your keyboard and the menu will appear.

3. Click on “Show All Bookmarks” in the Bookmarks menu. You can also click “CTRL + Shift + B” on your keyboard. A new window will pop up on your desktop, titled “Library”.

4. Click on “Import and Backup”.

5. Select “Export Bookmarks to HTML…” A new window will open, titled “Export Bookmarks File”.

6. Save files onto custom flash drives or portable external hard drives. You can also save onto your folders if you’re transferring bookmarks between browsers on the same computer.

Importing Firefox 12.0 Bookmarks

If you are switching browsers or using a new computer, you will want to import your bookmarks. Follow these simple steps to learn how.

1. Repeat steps 1 – 4 from you new Internet browser from above.

2. Select “Import Bookmarks from HTML…” A new window will open, titled “Import Bookmarks File”.

3. Select from your computer your Imported Bookmarks File.

4. Click “Open”. The file will then automatically populate the new Internet browser.

 

Your bookmarks will now appear in your Firefox bookmarks menu. Reopen your Internet Browser and your ready to quick surf!

Now that you have learned how to import and export bookmarks in Firefox 12.0, check out our tutorial on importing & exporting favorites in Chrome and Internet Explorer.

 

 

The autocomplete feature is a very useful and efficient tool to use when browsing the web. As you type in the first few letters of a web address, Firefox will suggest one web address that matches. You can type in additional letters until you see the web address you want and press Enterto go there. In this tutorial we’ll show you how to set Firefox to fill in automatically while you’re typing a web address.

  • Open Mozilla Firefox Internet Browser.
  • In the Location bar, type about:config and press Enter. This will redirect you to a warning page that says This might void your warranty!
  • Click the button that says I’ll be careful, I promise! to continue to the about:config page.
  • Type the preference name, browser.urlbar.autoFill in the Search field located at the top of the page.
  • Change the value of this preference to true. To do this, simply double-click where you see the preference name browser.urlbar.autoFill. To turn off, double-click the preference name to change its value to false.
  • Close the browser.
  • Reopen Firefox and type in a web address to try out. Once you see the address you’re looking for, stop typing and press Enter. This saves time and works great!

 

 

 

Mozilla Firefox took the App Tabs concept and incorporated it into another really great feature they call, ‘Tab Groups’ also known as Panorama. Now Tab Groups allows you to visually group related tabs into clusters and then lets you switch between them and quickly search through all your various tabs. You can navigate through dozens of tabs in little to no time.

This is NOT to be confused with Internet Explorer Tab Groups. That… that would just be wrong.

 

Why you should use Tab Groups

If you have enough tabs that it’s borderline ridiculous, then Tab groups might just be for you. If you’re regularly ending up with more tabs than fit on the Tab Strip, then Tab groups could be right up your alley. If you’re constantly going a hundred miles a second on the internet to get through your crazy work day, then you’d better listen up.

 

How to Create a Tab Group / How to Navigate through Tab Groups

You should already have a number of tabs to work with but if you don’t, go ahead and open a few now.

1.) Enter the Tab Groups view by clicking the List All Tabs button at the far right of the Tab Strip. It doesn’t say ‘All Tabs’ so look for the button with an arrow in the middle pointing down. Press Ctrl + Shift + E for the shortcut.

2.) When you enter the Tab Groups view for the first time, you’ll see thumbnail previews of all of your tabs in one group. To make a new group, simply drag one tab out of the group and then drag a second one on top of it. A box will be drawn around them.

3.) When you are done, just click on a tab to exit the view. You will be returned to Firefox, the tab you clicked on will be active and only the tabs in that group will be visible.

4.) Click on a tab in the group you want to switch to and you’ll exit the view and be returned to Firefox. The tab you clicked on will be active and only the tabs in that group will be visible.

5.) Click the search button on the right side of the window to bring up the search box and then just begin typing the name of the tab you’re trying to find.

6.) As you type, the tabs that match your search will be highlighted. Just click on a tab to select it and be returned to Firefox.

 

 

 

 

Yeah I'd rather stick with Firefox

 

App Tabs is a cool feature by Mozilla Firefox that lets you always keep your most visited web sites like Facebook, Twitter and Gmail open in miniature tabs. Apps tabs open automatically each time you launch Firefox and can’t be closed by accident. In this tutorial we will show you how to make and use Firefox App Tabs.

Why you should use App Tabs

Firefox App Tabs allow you to pint any website to the left side of the Tab Strip so that it’s always available, loaded, and ready. In this way, you can receive notifications from websites like Twitter, Facebook, and Gmail without even breaking a sweat. It helps too if you’re like me and periodically late to work (almost every day) and need your company’s clock in website open and ready when you launch the internet browser.

Or it could just save you the refresh…

Typical day at the office

 

How to make an App Tab

Right-click on the tab you want to keep as an App Tab and select Pin as App Tab from the menu.

 

How is App Tabs different than a regular tab or a bookmark?

- App Tabs don’t have a close button so they are always open and you can’t close them by accident.

- They notify you with a blue highlight when you receive new data on the site like an email, comment or message.

- All the App Tabs will automatically launch each time you launch Firefox, so you don’t have to wait for it to load like a bookmark.

- When you open a link in App Tabs, it’ll automatically open in a new tab so your App Tabs stay on the same page.

- App Tabs are smaller and out of the way.

 

 

Mozilla Firefox provides useful, customizable toolbars that provide easy access to common features and sites. In this tutorial we’ll show you how toolbars can be displayed or hidden depending on your preferences.

  1. Open the Mozilla Firefox Internet Browser. On the top, you’ll notice a menu bar that says File, Edit, History, Bookmarks, Tools and Help. Next to that is an empty section known as the Tab Strip.
  2. Right-click the Tab Strip. The menu will display various toolbars with or without check marks next to them:
  • Menu Bar – This is your most basic Firefox toolbar that displays the browser menus File, Edit, View, History, Bookmarks, Tools, and Help. If you choose to keep the menu bar hidden, you can always temporarily show it by pressing the Alt key.
  • Tab Strip – This is the section where your web page tabs are displayed. You cannot remove the tab strip, but you can rearrange it to be above or below the Navigation Toolbar. To do this, right-click the tab strip and check/uncheck Tabs on Top.
  • Navigation Toolbar – This is your web address toolbar. It contains your web site navigation buttons, the location bar, the search bar, the home button and the bookmarks button.
  • Bookmarks Toolbar – Contains your bookmarks and bookmark folders.
  • Add-on Toolbar – this toolbar is associated with your Firefox extensions and is located at the bottom of the Firefox window.
© 2011 Suffusion theme by Sayontan Sinha
WordPress SEO fine-tune by Meta SEO Pack from Poradnik Webmastera