The Firefox web browser will display the source code of any website by default in its own interface.
There are two configuration parameters that can be set so that another external source code viewer is used for viewing source codes (setting view_source.editor.external to true and view_source.editor.path to the path of the external editor on the local hard drive in about:config)
But what if a user wants to use different source code viewers and editors depending on the object to be analyzed? Some web designers might want to view HTML code in a program like Notepad++ but XML or CSS in a different program that is better suited for that code.
Update: Firefox users can use Firefox's own Developer Tools which have improved greatly in recent years for viewing sources of all types of code. But some may want to load code in external programs still. End
Dafizilla ViewSourceWith is the ultimate Firefox add-on for this purpose. The add-on can be used to add multiple source code editors, image viewers and editors, and other editors to the web browser which can then be selected to open a specific object or file in Firefox.
A right-click displays an additional View ... item which depends on the item the right-click was performed on.
It can be View Source or View Image for instance depending on whether you right-click on a blank spot on the page or an image. This means that you can use the add-on for more than just viewing the source code in different programs.
The programs that you want to use in Firefox for viewing and editing source code and other web elements need to be configured in the extension's options first. This is done easily, as you just have to add the path to the application to do so. You can also change parameters that are passed to the program -- not required usually --, or add a description.
The add-on supports relative and absolute paths which is great for portable use. Keyboard shortcuts can be configured so that it becomes even easier to open objects in external programs.
Firefox users can also:
Dafizilla ViewSourceWith is available for all Firefox versions. The developer maintains several faqs on the project website which can help in configuring the program for advanced uses.
Advertising revenue is falling fast across the Internet, and independently-run sites like Ghacks are hit hardest by it. The advertising model in its current form is coming to an end, and we have to find other ways to continue operating this site.
We are committed to keeping our content free and independent, which means no paywalls, no sponsored posts, no annoying ad formats or subscription fees.
If you like our content, and would like to help, please consider making a contribution:
Ghacks is a technology news blog that was founded in 2005 by Martin Brinkmann. It has since then become one of the most popular tech news sites on the Internet with five authors and regular contributions from freelance writers.