Mapping selections between a browser and the original fetched file from a web server

• US 10,447,764 B2
• Filed: 12/16/2016
• Issued: 10/15/2019
• Est. Priority Date: 06/16/2011
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Inventors: Chartier, Daniel P., Davis, Joseph M., Gabuardi Gonzalez, Jorge E., Joshi, Vishal R., Harder, Michael J., Bach, Michael, Phan, Anh Thi-Phuong, Mangalore, Reshmi, Jung, Jon E.
• Primary Examiner(s): Mercado, Ariel
• Application Number:
  US15/381,107
• Publication Number:
  US 20170099343A1
• Time in Patent Office: 1,033 Days
• CPC Class Codes: G06F 16/986 Document structures and storage, e.g. HTML extensions
• CPC Class Codes: H04L 67/02 based on web technology, e.g. hypertext transfer protocol [HTTP]
• CPC Class Codes: H04L 67/06 specially adapted for file transfer, e.g. file transfer protocol [FTP]
• CPC Class Codes: H04L 67/1097 for distributed storage of data in networks, e.g. transport arrangements for network file system [NFS], storage area networks [SAN] or network attached storage [NAS]

Abstract

A selection in a browser in an integrated development environment can be mapped back to the original document that was fetched from a web server by uniquely identifying elements in the original document. A DOM can be created from the original document where the DOM retains the unique identifiers associated with the elements. Block lists for the original document and the DOM can be created. A differencing algorithm can be run on the two block lists. A selection in a browser can be mapped to a location in the DOM block list and the location in the DOM block list can be mapped to the original document.

Claims

1. A system comprising:

at least one processor and a memory;

the at least one processor configured to;

obtain a fetched file representing a web page;

assign an identifier to each element of a plurality of elements in the fetched file, an element of the plurality of elements delimited by a start tag and an end tag;

produce a Document Object Model (DOM) representing the fetched file retaining the identifiers;

generate a modified DOM;

generate a DOM block list from the modified DOM, the DOM block list having a block identifier;

map a selection in the browser to the DOM block list by matching the identifier of the selection to the block identifier of the DOM block list; and

use the block identifier to map the selection to the fetched file.

2. The system of claim 1, wherein the at least one processor is further configured to:

generate a block list for the fetched file, the block list for the fetched file representing an element in the fetched file, the block list for the fetched file having a block identifier.

3. The system of claim 2, wherein the at least one processor is further configured to:

match the block identifier of the DOM block list matching the unique identifier of the selected element to the block list of the fetched file matching the block identifier of the block list of the fetched file.

4. The system of claim 2, wherein the at least one processor is further configured to:

execute a differencing module on the DOM block list and the block list for the fetched file to reflect changes made to the DOM block list.

5. The system of claim 1, wherein the at least one processor is further configured to:

assign the identifier to each element of a plurality of elements in the fetched file.

6. The system of claim 1, wherein the fetched file includes markup language code and script code.

7. The system of claim 1, wherein the modified DOM is generated from changes made to the DOM from execution of a script.

8. The system of claim 1, wherein the at least one processor is further configured to:

determine a block in the DOM block list that corresponds to the selection in the browser by navigating from a current position in the DOM backwards towards the beginning of the DOM until an element with the unique identifier is found and record characters encountered in the navigation until the element with the unique identifier is found; and

access the correspondingly identified block in the DOM block list.

9. A method comprising:

receiving within a computer having at least one processor, a webpage comprising a fetched file;

rendering the fetched file in a browser;

assigning an identifier to each element of a plurality of elements in the fetched file, an element of the plurality of elements delimited by a start tag and an end tag;

creating a Document Object Model (DOM) representing the fetched file, the DOM retaining the identifiers;

executing script code which modifies the DOM;

generating a DOM block list from the modified DOM, the DOM block list having a block identifier;

mapping a selection in the browser to the DOM block list by matching the identifier of the selection to the block identifier of the DOM block list; and

mapping the matching block identifier to the fetched file.

10. The method of claim 9, further comprising:

generating a block list for the fetched file, the block list for the fetched file representing an element in the fetched file, the block list for the fetched file having a block identifier.

11. The method of claim 9, further comprising:

matching the block identifier of the DOM block list with the block identifier of the block list of the fetched file.

12. The method of claim 9, further comprising:

mapping associations between the DOM block list and the block list for the fetched file by matching a block identifier in the DOM block list with the block identifier in the block list for the fetched file.

13. The method of claim 9, further comprising:

executing a differencing module on the DOM block list and the block list for the fetched file to reflect changes made to the DOM block list.

14. The method of claim 9, further comprising:

determining a block in the DOM block list that corresponds to the selection in the browser by navigating from a current position in the DOM backwards towards the beginning of the DOM until an element with the unique identifier is found and record characters encountered in the navigation until the element with the unique identifier is found; and

accessing the correspondingly identified block in the DOM block list.