Dynamically updating a running page

Patent metadata

Field	Value
Publication number	US-10534830-B2
Application number	US-201113167325-A
Country	US
Kind code	B2
Filing date	Jun 23, 2011
Priority date	Jun 23, 2011
Publication date	Jan 14, 2020
Grant date	Jan 14, 2020

Abstract

A method includes parsing a text source document to construct a document node tree such that the document node tree includes text offsets indicating the location of the text within the text source document corresponding to each node of the document node tree. The method includes constructing, from the document node tree, a Document Object Model (DOM) and a view node tree that represents the DOM. The constructing of the view node tree includes mapping the view node tree to the document node tree. The method includes providing a running representation of the DOM and one of tracking a modification to the DOM to provide first change information and tracking a modification to the text source document to provide second change information.

First claim

What is claimed is:

1. A method comprising:
selecting, within a web development tool, a browser from a plurality of browsers on which to base the construction of a Document Object Model (DOM);
opening a text source document comprising original source code prior to being parsed in a source code editor;
parsing the text source document to construct a document node tree such that the document node tree includes a text offset for each node of the document node tree, each text offset for each node indicating a location of associated original source code within the text source document corresponding to the node of the document node tree;
constructing, from the document node tree, a DOM based on the selected browser and a view node tree that represents the DOM, the constructing of the view node tree including mapping the view node tree to the document node tree;
providing a running representation of the DOM; and
one of tracking a modification to the DOM to provide first change information and tracking a modification to the text source document to provide second change information,
wherein the text offset for each node of the document node tree includes a line number and position within the line or a character number that indicates the position of a character relative to the beginning of the text source document, and
wherein by selecting a DOM element within the running representation of the DOM, the original source code of the text source document associated with the selected DOM element is selected within the source code editor.

2. The method of claim 1 , further comprising:
one of applying the first change information to the text source document to update the text source document and applying the second change information to the DOM to update the running representation of the DOM.

3. The method of claim 1 , wherein tracking the modification to the DOM comprises tracking a DOM mutation.

4. The method of claim 1 , wherein the first change information identifies a node of the document node tree to edit, delete, or insert and data corresponding to the modification to the DOM.

5. The method of claim 1 , wherein the second change information identifies a node of the document node tree to edit, delete, or insert and data corresponding to the modification to the text source document.

6. The method of claim 1 , wherein tracking the modification to the DOM comprises tracking user edits applied through one of a property panel and the direct manipulation of the running representation of the DOM.

7. The method of claim 1 , wherein mapping the view node tree to the document node tree comprises assigning an identifier to each node of the view node tree, each identifier of the view node tree mapped to a corresponding node of the document node tree, and
wherein the first change information comprises the identifier of the node in the view node tree corresponding to the modification of the DOM.

8. The method of claim 1 , further comprising:
serializing first change information for a plurality of DOM modifications.

9. The method of claim 8 , further comprising:
applying the serialized first change information to the text source document to update the text source document.

10. The method of claim 1 , wherein tracking the modification to the DOM comprises tracking a modification to the DOM, the modification due to running script.

11. A computer readable non-transitory storage medium storing computer executable instructions for controlling a computing device to perform a method comprising:
selecting, within a web development tool, a browser from a plurality of browsers on which to base the construction of a Document Object Model (DOM);
opening a markup text source document comprising original source code prior to being parsed in a source code editor;
parsing the markup text source document to construct a document node tree such that each node of the document node tree includes a text offset and markup text source document details, the text offset in each node of the document node tree indicating a location of associated original source code within the markup text source document corresponding to the node of the document node tree;
constructing, from the document node tree, a DOM based on the selected browser and a view node tree that represents the DOM, the constructing of the view node tree including mapping the view node tree to the document node tree;
providing a running representation of the DOM in the browser such that each DOM element is linked to the associated original source code associated with the DOM element, the link provided via the view node tree and the text offsets in the document node tree;
tracking modifications to DOM elements to provide first change information; and
tracking modifications to the markup text source document in the source code editor to provide second change information,
wherein the text offset for each node of the document node tree includes a line number and position within the line or a character number that indicates the position of a character relative to the beginning of the markup text source document, and
wherein by highlighting a DOM element within the browser, the original source code of the markup text source document associated with the highlighted DOM element is highlighted within the source code editor.

12. The computer readable storage medium of claim 11 , the method further comprising:
applying the second change information to the DOM and the view node tree that represents the DOM to update the running representation of the DOM.

13. The computer readable storage medium of claim 11 , the method further comprising:
applying the first change information to the markup text source document to update the markup text source document.

14. The computer readable storage medium of claim 11 , wherein tracking modifications to DOM elements comprises tracking changes to properties or styles of DOM elements by a user.

15. The computer readable storage medium of claim 11 , the method further comprising:
serializing the first change information; and
applying the serialized first change information to the markup text source document to update the markup text source document to correspond to the modifications to the DOM elements.

16. The computer readable storage medium of claim 11 , wherein tracking modifications to the markup text source document comprises parsing the modified markup text source document to identify changes to the document node tree to provide the second change information.

17. A computer readable non-transitory storage medium storing a development tool including computer executable instructions for controlling a computing device, the development tool configured to perform a method comprising:
providing a source code editor for editing a markup text source document comprising original source code prior to being parsed;
selecting, within the development tool, a browser from a plurality of browsers on which to base the construction of a Document Object Model (DOM);
constructing a document node tree from the markup text source document via a markup text parser such that each node of the document node tree includes a text offset and source document details, the text offset in each node of the document node tree indicating a location of associated original source code within the markup text source document corresponding to the node of the document node tree; and
constructing, from the document node tree, a DOM based on the selected browser and a view node tree that represents the DOM, the view node tree mapped to the docume

Assignees

• Fanning Michael C
• Hall Matthew
• Linscott Gary
• Tvorun Evgeny
• Microsoft Technology Licensing Llc

Inventors

• Fanning Michael C
• Hall Matthew
• Linscott Gary
• Tvorun Evgeny

Classifications

• G06F16/36

  Creation of semantic tools, e.g. ontology or thesauri · CPC title

• G06F16/957 Primary

  Browsing optimisation, e.g. caching or content distillation · CPC title

• G06F16/322

  Trees · CPC title

• G06F16/986

  Document structures and storage, e.g. HTML extensions · CPC title

• G06F16/3344

  using natural language analysis · CPC title