Microsoft Technology Licensing, LLC

Joseph M Davis

Vishal R Joshi

Michael Bach

Michael James Harder

Daniel Philip Chartier

Jon E Jung

Reshmi Mangalore

Anh Thi-Phuong Phan

Jorge E Gabuardi Gonzalez

Simon Calvert

Mikhail Arkhipov

Bulusu Krishna Mohan

Nikhil Khandelwal

Charles Bissonnette

Alison Q Lu

Ahmed Mohamed Metwally

Russell Mayo Sasnett

Yugang Wang

Xinyang Qiu

Michael J Harder

A web browser, editor, and server cooperate to enable visual debugging of hypertext markup language (HTML) code. The editor loads an HTML source file and displays it for interactive editing. The web server generates a web page from the source file and at the same time generates a page representation that is provided to the editor. The browser receives the web page from the web server and generates a document object model (DOM) to display a view of the HTML page. The editor takes snapshots of the HTML source file in correspondence with edits thereto. The snapshots are compared to find a snapshot difference, which is correlated with the page representation. The page representation is updated by the editor. Based on the updated page representation, the editor communicates with the browser to update the DOM. The updated DOM is rendered by the browser without reloading the web page.

Browser based visual debugging

An element in a fetched file (a file received from the web server in response to an HTTP request) can be mapped to the source code that generated it and vice versa. When code is compiled at the web server, calls can be executed that emit HTML that includes metadata that maps a snippet of code back to a particular source file and to a particular location in the source file. The HTML can include injected symbols that specify that the information from a particular start position for a particular character length in the HTML comes from a particular start position to a particular end position in the source file.

Selection mapping between fetched files and source files

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.

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

Aspects of the subject matter described herein relate to transforming documents. In aspects, a transformer obtains a source document and a transformation document. The transformation document indicates changes to make to the source document to transform the source document. The transformation document also includes location information that indicates where the changes are to be made. The transforms indicated by the transformation document may be extensible. Using the source document and the transformation document, the transformer transforms the source document into a target document. The transformer may be part of a development environment used to develop applications.

Document transformation

A selection in a browser can be mapped back to a corresponding location range in one or more source files that generated the selection. A selection in a source file can be mapped to the corresponding location range in the browser's DOM. The selection in the browser can be mapped to a location range in a block list generated from the DOM. The location range in the DOM's block list can be mapped to a corresponding location range in a block list generated from the fetched file received from a web server. The location range in the fetched file's block list can be mapped to a particular location in the particular source file responsible for generating the selection in the browser. The selection in the browser and the source file can be displayed concurrently, the source file scrolled to the location range corresponding to the selection in the browser.

Live browser tooling in an integrated development environment

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

One embodiment includes a method that may be practiced in a computing environment. The method enables design and testing of web pages locally at a local machine. After being designed and tested at the local machine, the web pages will be deployed at a remote server remote from the local machine. The web pages include relative references to resources from the perspective of the remote server. The relative references to resources are intended to be resolved by the remote server. The method includes accessing code at a local machine. The code defines a web page. The code includes relative references to resources. The relative references are expressed from the perspective of a remote server remote from the local machine, such that the relative references are only natively resolvable by the remote server. The method further includes translating the relative references to local references. The local references are resolvable by the local machine such that the local machine can resolve the local references to the resources.

Designer for web pages at a local machine

Aspects of the subject matter described herein relate to integrated database deployment. In aspects, code corresponding to a software project and data that encodes database operations are placed in a deployment package. When executed in a first environment such as a development environment, the code is arranged to access a first database of the first environment. The database operations indicated in the package may be used to create and/or update a second database of a target entity such that the second database is consistent for use by the code after the code is installed on the target entity.

Integrating database deployment with code deployment

A proxy service for simulating real assembly features on a remote device is described. A data stream including reflection data of a real assembly is generated. The reflection data stream may include data associated with proxy types without including the code from the real assembly. A client obtains the reflection data stream. The reflection data stream facilitates the generation of a proxy assembly on the client and allows the client to instantiate features of the real assembly on the client without the code for the real assembly.

Proxy assembly for simulating real assembly features on a remote device

A remote authoring service is described. Remote page authoring includes receiving a stream of data from a server that includes embedded control attribute data. The embedded control attribute data facilitates the generation of a proxy control and allows a web page designer to make modifications to dynamic elements of the webpage without requiring the executable code for the actual controls. The proxy control may provide preview data of the control to allow the client to perform authoring functions using the proxy control. Modifications made via the proxy control service may then be transmitted to the server where the controls are updated.

Growing community of inventors

Issaquah, WA, United States of America

Joseph M Davis