Live browser tooling in an integrated development environment

A method comprising:

• receiving by a processor of a software development computer from a web server, a user selection in a browser;
• mapping the selection in the browser to a portion in a document object model (DOM) representing the selection;
• mapping the portion in the DOM to a location range in a fetched file, the fetched file comprising a file received from a web server in response to an hypertext transfer protocol (HTTP) request, the DOM representing the fetched file, the DOM differs from the fetched file;
• and
• mapping the location range in the fetched file to a location range in a source file that generated the user selection in the browser;
• receiving updated content from the web server based on an altered source file;
• and
• displaying the selection in the browser concurrently with the location range in the altered source file,
• wherein the displayed selection in the dynamic browser file includes the updated content.

A device, comprising:

• at least one processor and a memory;
• the at least one processor configured to:
• receive a selection in a browser;
• map the selection in the browser to a location range in a document object model (DOM) block list;
• map the location range in the DOM block list to a location range in a fetched file block list, a fetched file comprising a file received from a web server in response to a hypertext transfer protocol (HTTP) request, the DOM differs from the fetched file;
• map the location range in the fetched file block list to a corresponding location range in a source file that generated the selection in the browser;
• receive updated content from the web server based upon the web server processing one or more user alterations made to the source file;
• and
• display concurrently the selection in the browser and the source file,
• wherein the displayed selection includes the updated content.