Reuse Firebug JavaScript library to visualize HTML source code inside <div>


Firefox extension Firebug ([url removed, login to view]) has a very nice HTML inspecting library. The code is reused in Firebug Lite ([url removed, login to view]) tool, which can inject HTML inspecting console (html+js) into any web page on any web browser.

I want you to reuse the same code and make a new JavaScript library that would have the following capabilities:

1) it can be loaded into a web page as JavasScript files

2) given an ID of <div> element in a web page and HTML code as a string it would format the HTML code, place it into the <div> element, and let to browser the code exactly as it is done in Firebug Lite HTML inspecting window.

3) browsing the HTML code inside <div> should look like and behave exactly as it is while browsing code in Firebug Lite

4) there would be an option to hook on click and right click events

5) once clicked inside HTML inspecting DIV, the selected code would appear in a separate <textarea> tag.

6) every line of reused code must be marked( commented) as reused with reference to original source files in firebuglite library

7) if needed the jQuery library can be used.

an initialization of the library could look anything similar to:


var myInspector = new FireBugLiteInspector (id_of_a_div, "<html><body><div>my page to be inspected</div></body><html>");

[url removed, login to view](function(selected_code,lineNumber) {




I have attached a screenshot depicting how the div with HTML code should look like ([url removed, login to view])

Skills: CSS, Firefox, HTML5, Javascript, jQuery / Prototype

See more: string library in c, string library c, javascript tool, javascript code library, html 5 code, val, Inside, html js css, screenshot div, inject javascript firefox, javascript click tag, css html tag, jquery html format, firefox hook, png library, source code tool, html screenshot, string html, web browser source, firefox javascript inject, div css html, element css, tag code, textarea function javascript, jquery screenshot

Project ID: #5221476

4 freelancers are bidding on average $663 for this job


check my project , contact me to discuss more detail please.

$898 USD in 25 days
(101 Reviews)

Hello, Here are Magento Experts , please check Our Latest Magento work In PMB For Our Experience and skills Regarding Magento projects and Let me start your work , 1. Easy access on IMs like Gtalk, Skype, Yah More

$567 USD in 12 days
(14 Reviews)

Expert in Firebug Java Script Library.i have 8+ years of experience. Can we discuss the project. Please initiate a chat with me so that we can discuss the project at a broader level

$1030 USD in 10 days
(6 Reviews)

A proposal has not yet been provided

$155 USD in 1 day
(0 Reviews)