Web page replication

文档序号：261473 发布日期：2021-11-16 浏览：4次中文

阅读说明：本技术 网页复制 (Web page replication ) 是由欧宇然姚鹏于 2019-04-01 设计创作，主要内容包括：当用户与由设备上的浏览器渲染和显示的网页应用程序交互时,与用户交互相关联的网页的改变可能不会在与用户的浏览器和设备不同的浏览器和/或设备上以相同的或以其他方式适当地渲染和显示。因此,在网页应用程序的前端开发和测试期间,确保网络内容在不同的浏览器和/或设备上的兼容性非常重要。系统和方法检测影响由设备上的浏览器渲染的网页的改变,并且在由不同浏览器和/或设备渲染和显示的网页副本中同步地或异步地复制检测到的改变。(When a user interacts with a web page application rendered and displayed by a browser on a device, changes to the web page associated with the user interaction may not be rendered and displayed identically or otherwise appropriately on a browser and/or device different from the user's browser and device. Therefore, during front-end development and testing of web applications, it is important to ensure compatibility of web content on different browsers and/or devices. Systems and methods detect changes affecting a web page rendered by a browser on a device and replicate the detected changes, either synchronously or asynchronously, in copies of the web page rendered and displayed by different browsers and/or devices.)

1. A method, comprising:

receiving a web page requested by a first browser running on a first computing device;

providing the received web page as a first web page to the first browser running on the first computing device, wherein the first web page is rendered and displayed by the first browser;

generating a second web page by copying the received web page;

providing the second web page to a second browser running on a second computing device, wherein the provided second web page is rendered and displayed by the second browser;

monitoring the first web page rendered and displayed by the first browser for at least one change affecting the first web page; and

based on detecting the at least one change affecting the first web page rendered and displayed by the first browser, copying the detected at least one change affecting the first web page in the second web page rendered and displayed by the second browser.

2. The method of claim 1, further comprising:

configuring the first browser to:

monitoring the first web page rendered and displayed by the first browser for at least one change affecting the first web page; and

based on detecting the at least one change affecting the first web page rendered and displayed by the first browser, providing the detected at least one change to the second browser.

3. The method of claim 2, further comprising:

configuring the second browser to:

receiving the detected at least one change affecting the first web page from the first browser; and

based on receiving the detected at least one change affecting the first web page, replicating the detected at least one change affecting the first web page in the second web page rendered and displayed by the second browser.

4. The method of claim 1, wherein the at least one change affecting the first web page is associated with a user of the browser interacting with the first web page rendered and displayed by the first browser.

5. The method of claim 1, wherein the web page requested by the first browser running on a first computing device is a web application.

6. The method of claim 1, wherein the at least one change affecting the first web page rendered and displayed by the first browser comprises at least one change to a Document Object Model (DOM) representation of the first web page.

7. The method of claim 6, wherein replicating the detected at least one change affecting the first web page in the second web page rendered and displayed by the second browser further comprises:

copying the at least one change to the DOM representation of the first web page in a DOM representation of the second web page.

8. The method of claim 1, wherein a first user interface of the first browser running on the first computing device is different from a second user interface of the second browser running on the second computing device.

9. The method of claim 1, wherein the first browser running on the first computing device is different from the second browser running on the second computing device.

10. A system, comprising:

a memory; and

a processor coupled to the memory and configured to:

receiving a web page requested by a first browser running on a first computing device;

providing the received web page as a first web page to the first browser running on the first computing device, wherein the first web page is rendered and displayed by the first browser;

generating a second web page by copying the received web page;

providing the second web page to a second browser running on a second computing device, wherein the provided second web page is rendered and displayed by the second browser;

monitoring the first web page rendered and displayed by the first browser for at least one change affecting the first web page; and

11. The system of claim 10, wherein the processor is also configured to:

configuring the first browser to:

monitoring the first web page rendered and displayed by the first browser for at least one change affecting the first web page; and

based on detecting the at least one change affecting the first web page rendered and displayed by the first browser, providing the detected at least one change to the second browser.

12. The system of claim 10, wherein the processor is also configured to:

configuring the second browser to:

receiving the detected at least one change affecting the first web page from the first browser; and

based on receiving the detected at least one change affecting the first web page, synchronously replicating the detected at least one change affecting the first web page in the second web page rendered and displayed by the second browser.

13. The system of claim 10, wherein the at least one change affecting the first web page is associated with a user of the browser interacting with the first web page rendered and displayed by the first browser.

14. The system of claim 10, wherein the web page requested by the first browser running on a first computing device is a web application.

15. The system of claim 10, wherein the at least one change affecting the first web page rendered and displayed by the first browser comprises at least one change to a Document Object Model (DOM) representation of the first web page.

16. The system of claim 15, wherein replicating the detected at least one change affecting the first web page in the second web page rendered and displayed by the second browser further comprises:

copying the at least one change to the DOM representation of the first web page in a DOM representation of the second web page.

17. The system of claim 10, wherein a first user interface of the first browser running on the first computing device is different from a second user interface of the second browser running on the second computing device.

18. The system of claim 10, wherein the first browser running on the first computing device is different from the second browser running on the second computing device.

19. A non-transitory machine-readable storage medium comprising machine-readable instructions for causing a processor to perform a method comprising:

receiving a web page requested by a first browser running on a first computing device;

providing the received web page as a first web page to the first browser running on the first computing device, wherein the first web page is rendered and displayed by the first browser;

generating a second web page by copying the received web page;

providing the second web page to a second browser running on a second computing device, wherein the provided second web page is rendered and displayed by the second browser;

monitoring the first web page rendered and displayed by the first browser for at least one change affecting the first web page; and

Technical Field

Aspects described herein relate generally to network development. More specifically, aspects described herein provide systems and methods for web content compatibility across browsers and/or devices.

Background

A web browser is a piece of software that allows a user to find and view web sites on the world wide web. A web browser may provide a User Interface (UI) for viewing and navigating a website. Some examples of web browsers include google browsers, IE browsers, Safari browsers, ME browsers, and firefox browsers. A website may include one or more web pages. A web page (web page or web page) is a document typically written in HTML (hypertext markup language). In addition to html, a web page may include references to resources, such as images, Cascading Style Sheets (CSS), and scripts, such as JavaScript. The website and its web pages may be hosted on a server, such as a web server. When a web page is accessed within a web browser, html and/or resources for the web page are requested from a web server. Accessing a web page in a browser may include specifying a URL in the browser, clicking on a link, or refreshing the displayed web page. The web server may respond to the request by providing the web page with the requested html and/or resources.

A browser engine (also referred to as a rendering engine or layout engine) is a component of a web browser that converts html documents and other resources of a web page into a visual representation within a browser User Interface (UI). When the browser receives the html document, the browser engine parses the html document and builds or constructs a DOM (document object model) for the web page. The DOM is an object-oriented representation of html documents. The DOM serves as an interface to html documents. Programs and scripts, such as JavaScript, can dynamically access and update the content, structure, and style of a web page document through a DOM interface with the web page. The browser may also modify or update the DOM of the web page in response to browser events. Browser events may be associated with user actions, such as clicking on a link, mouse and pointer movement, keyboard entry, or any other action by which a user interacts with a web page in a web browser.

Disclosure of Invention

The following presents a simplified summary of various aspects described herein. This summary is not an extensive overview, and is not intended to identify key or critical elements or to delineate the scope of the claims. The following summary merely presents some concepts in a simplified form as an introductory prelude to the more detailed description provided below.

The disclosed subject matter relates to a computer-implemented method that includes receiving a web page requested by a first browser running on a first computing device. The method may include providing the received web page as a first web page to a first browser running on a first computing device. The first web page may be rendered and displayed by the first browser. The method may further include generating a second web page by copying the received web page. The method includes providing the second web page to a second browser running on a second computing device. The provided second web page may be rendered and displayed by the second browser. The method also includes monitoring the first web page rendered and displayed by the first browser for at least one change affecting the first web page. The method also includes, based on detecting at least one change affecting the first web page rendered and displayed by the first browser, replicating the detected at least one change affecting the first web page in a second web page rendered and displayed by a second browser.

The disclosed subject matter also relates to a system that includes one or more processors and a memory storing computer-readable instructions. The computer readable instructions, when executed by the one or more processors, may configure the one or more processors to receive a web page requested by a first browser running on a first computing device. The computer readable instructions, when executed by the one or more processors, may configure the one or more processors to provide the received web page as a first web page to a first browser running on a first computing device. The first web page may be rendered and displayed by the first browser. The instructions may also configure the one or more processors to generate a second web page by copying the received web page. The instructions may configure the one or more processors to provide the second web page to a second browser running on a second computing device. The provided second web page may be rendered and displayed by the second browser. The instructions may configure the one or more processors to monitor the first web page rendered and displayed by the first browser for at least one change affecting the first web page. The instructions may also configure the one or more processors to, based on detecting at least one change affecting the first web page rendered and displayed by the first browser, replicate the detected at least one change affecting the first web page in a second web page rendered and displayed by a second browser.

The disclosed subject matter also relates to a machine-readable medium comprising instructions stored therein, which when executed by a machine, cause the machine to perform operations comprising: a web page requested by a first browser running on a first computing device is received. The operations may include providing the received web page as a first web page to a first browser running on a first computing device. The first web page may be rendered and displayed by the first browser. The operations may also include generating a second web page by copying the received web page. The operations include providing the second web page to a second browser running on a second computing device. The provided second web page may be rendered and displayed by the second browser. The operations also include monitoring the first web page rendered and displayed by the first browser for at least one change affecting the first web page. The operations also include, based on detecting at least one change affecting the first web page rendered and displayed by the first browser, replicating the detected at least one change affecting the first web page in a second web page rendered and displayed by a second browser.

These and additional aspects will be appreciated with the benefit of the disclosure discussed in further detail below.

Drawings

A more complete understanding of the various aspects and advantages thereof described herein may be acquired by referring to the following description in consideration of the accompanying drawings, in which like reference numbers indicate like features, and wherein:

FIG. 1 depicts an example computer system architecture that may be used in accordance with one or more example aspects described herein.

FIG. 2 depicts an exemplary remote access system architecture that may be used in accordance with one or more exemplary aspects described herein.

FIG. 3 depicts an example virtualization system architecture that may be used in accordance with one or more example aspects described herein.

FIG. 4 illustrates an example environment for web page development according to one or more example aspects described herein.

FIG. 5 illustrates an example process for web page development performed by the example embodiment of FIG. 4.

FIG. 6 illustrates an example process for web page replication performed by the example embodiment of FIG. 4.

FIG. 7 illustrates another exemplary environment for web page development according to one or more exemplary aspects described herein.

FIG. 8 illustrates another exemplary environment for web page development according to one or more exemplary aspects described herein.

FIG. 9 illustrates another exemplary environment for providing a web page development service according to one or more exemplary aspects described herein.

Detailed Description

In the following description of various embodiments, reference is made to the accompanying drawings, which are identified above and form a part hereof, and in which is shown by way of illustration various embodiments in which aspects described herein may be practiced. It is to be understood that other embodiments may be utilized and structural and functional modifications may be made without departing from the scope described herein. The various aspects are capable of other embodiments and of being practiced or of being carried out in various ways.

The same web page content may not be rendered and displayed in the same or similar manner on different browsers and/or devices. This may be due to differences in view ports, CPUs, and other factors of different devices, or due to differences in rendering engines and rendering capabilities of different browsers. For example, differences between rendering engines and rules may cause certain fonts in a web page to display differently or non-consistently between different browsers. Inconsistencies in the rendering and display of web pages or websites in different user environments may negatively impact the overall user experience. In addition, web developers are encouraged to create an attractive user experience by providing interactive functions such as real-time chatting, pop-up windows, and help screens in web pages and websites. However, differences in rendering engine and/or device hardware may cause a website to not function properly on certain browsers and/or devices. Identifying cross-browser and cross-device compatibility issues during network development enables network developers to better determine which interactive functions to include in a website.

As described above, identifying inconsistencies in rendering websites on different browsers and/or devices is an important aspect of network development. The systems, methods, and devices described herein replicate user interactions with web pages on different browsers and/or devices. According to example systems and methods, a primary webpage may be rendered and displayed by a primary browser executing on a primary device. The web page may also be rendered and displayed as a second web page (referred to as a duplicate web page) on one or more browsers (referred to as duplicate browsers) that respectively execute on one or more client devices (referred to as duplicate devices) that are different from one another. One or more replica browsers may be different from each other. The primary browser may monitor the primary web page to see changes to the primary web page. These changes may be associated with a user's interaction with the primary web page in the primary browser. The user interaction may include any user action related to the web page rendered and displayed in the main browser, such as clicking a link, mouse and pointer movement, keyboard input, or any other action by which the user interacts with the web page in the web browser. In some embodiments, detecting a change associated with user interaction with the primary web page rendered and displayed in the primary browser may include detecting one or more changes to the DOM of the primary web page. Based on detecting user interaction with a primary web page rendered and displayed in a primary browser, example systems and methods replicate or repeat detected user interaction in duplicate web pages rendered and displayed in each duplicate browser. In some embodiments, the detected user interactions are replicated or copied concurrently in real time at the replica browser. User interactions associated with the primary webpage may be replicated or copied in the duplicate webpage by modifying or updating the DOM representation of the duplicate webpage in accordance with the detected changes to the DOM of the primary webpage. In this manner, user interactions with the primary web page in the primary browser are replicated or copied across multiple browsers and/or devices, and any inconsistencies in the rendering of the user interactions in the duplicate web page across the multiple browsers and/or devices may be effectively detected and identified during network development. Identifying inconsistent renderings of interactive websites and web applications during web development enables web developers to improve the user experience of websites or web applications.

In some embodiments, detected changes to the primary webpage associated with the user interaction may be stored in a database. The replica device may be connected to a database. The stored user interactions may be propagated on the replica browser. The replica browser can replicate or copy changes associated with the stored user interactions in the respective web page rendered and displayed by the replica browser.

It is to be understood that the phraseology and terminology used herein is for the purpose of description and should not be regarded as limiting. Rather, the phrases and terms used herein are to be given their broadest interpretation and meaning. The use of "including" and "comprising" and variations thereof is meant to encompass the items listed thereafter and equivalents thereof as well as additional items and equivalents thereof. The use of the terms "connected," "coupled," and similar terms is intended to include both direct and indirect connections and couplings.

Computing architecture

Computer software, hardware, and networks may be used in a variety of different system environments, including stand-alone environments, networked environments, remote access environments (also known as remote desktops), virtualized environments, and/or cloud-based environments, among others. FIG. 1 illustrates one example of a system architecture and data processing device that may be used to implement one or more exemplary aspects described herein in a standalone environment and/or a networked environment. Various network nodes 103, 105, 107, and 109 may be interconnected via a Wide Area Network (WAN)101, such as the internet. Other networks may also or alternatively be used, including private intranets, corporate networks, Local Area Networks (LANs), Metropolitan Area Networks (MANs), wireless networks, personal networks (PANs), and the like. Network 101 is for illustrative purposes and fewer or more computer networks may be substituted. The local area network 133 may have one or more of any known LAN topology and may use one or more of a variety of different protocols, such as ethernet. Devices 103, 105, 107, and 109, as well as other devices (not shown), may be connected to one or more of the networks via twisted pair, coaxial cable, optical fiber, radio waves, or other communication media.

The term "network" as used herein and depicted in the accompanying drawings refers not only to systems in which remote storage devices are coupled together via one or more communication paths, but also to stand-alone devices that may be coupled to such systems having storage capabilities from time to time. Thus, the term "network" includes not only "physical networks" but also "content networks" which are composed of data attributed to a single entity residing on all physical networks.

These components may include a data server 103, a web server 105, and client computers 107, 109. The data server 103 provides overall access, control, and management of the database and control software for performing one or more of the exemplary aspects described herein. The data server 103 may be connected to a web server 105 through which the user interacts with and retrieves the requested data. Alternatively, the data server 103 acts as a web server itself and is directly connected to the internet. The data server 103 may be connected to the network server 105 through a local area network 133, a wide area network 101 (e.g., the internet), via a direct or indirect connection, or via some other network. A user may interact with the data server 103 using a remote computer 107, 109, for example, using a web browser to connect to the data server 103 via one or more externally published websites hosted by the web server 105. Client computers 107, 109 may be used in conjunction with data server 103 to access data stored therein, or may be used for other purposes. For example, a user may access web server 105 from client device 107 using an internet browser as known in the art, or by executing a software application that communicates with web server 105 and/or data server 103 over a computer network (such as the internet).

The server and application may be combined on the same physical machine and maintain separate virtual or logical addresses, or may reside on separate physical machines. Fig. 1 illustrates only one example of a network architecture that may be used, and those skilled in the art will appreciate that the particular network architecture and data processing devices used may vary and be secondary to the functionality they provide, as described further herein. For example, the services provided by the web server 105 and the data server 103 may be combined on a single server.

Each component 103, 105, 107, 109 may be any type of known computer, server, or data processing device. For example, the data server 103 may include a processor 111 that controls the overall operation of the data server 103. The data server 103 may also include Random Access Memory (RAM)113, Read Only Memory (ROM)115, network interface 117, input/output interface 119 (e.g., keyboard, mouse, display, printer, etc.), and memory 121. Input/output (I/O)119 may include various interface units and drivers for reading, writing, displaying, and/or printing data or files. The memory 121 may also store operating system software 123 for controlling the overall operation of the data processing device 103, control logic 125 for instructing the data server 103 to perform the aspects described herein, and other application software 127 that provides auxiliary, support, and/or other functionality that may or may not be used in conjunction with the aspects described herein. The control logic 125 may also be referred to herein as data server software 125. The functionality of the data server software 125 may refer to a combination of operations or decisions made automatically based on rules encoded into the control logic 125, made manually by a user providing input into the system, and/or automated processing based on user input (e.g., queries, data updates, etc.).

Memory 121 may also store data for performing one or more aspects described herein, including a first database 129 and a second database 131. In some embodiments, the first database 129 may include the second database 131 (e.g., as a separate table, report, etc.). That is, depending on the system design, the information may be stored in a single database, or separated into different logical, virtual, or physical databases. Devices 105, 107, and 109 may have similar or different architectures as described with respect to device 103. Those skilled in the art will appreciate that the functionality of the data processing device 103 (or devices 105, 107, or 109) described herein may be distributed across multiple data processing devices, for example, to distribute processing load across multiple computers, to isolate transactions based on geographic location, user access level, quality of service (QoS), and the like.

One or more aspects may be embodied in computer-usable or computer-readable data and/or computer-executable instructions, such as in one or more program modules, executed by one or more computers or other devices described herein. Generally, program modules include routines, programs, objects, components, data structures, etc. that perform particular tasks or implement particular abstract data types when executed by a processor in a computer or other device. The modules may be written in a source code programming language that is then compiled for execution, or may be written in a scripting language such as, but not limited to, hypertext markup language (HTML) or extensible markup language (XML). The computer executable instructions may be stored on a computer readable medium such as a non-volatile storage device. Any suitable computer readable storage medium may be utilized including hard disks, CD-ROMs, optical storage devices, magnetic storage devices, and/or any combination thereof. In addition, various transmission (non-storage) media representing data or events described herein can be transmitted between a source and a destination in the form of electromagnetic waves propagating through signal-conducting media such as wire, fiber optics, and/or wireless transmission media (e.g., air and/or space). Various aspects described herein may be implemented as a method, data processing system, or computer program product. Accordingly, various functions may be embodied in whole or in part in software, firmware, and/or hardware equivalents such as integrated circuits, Field Programmable Gate Arrays (FPGAs), and the like. Particular data structures may be used to more effectively implement one or more aspects described herein, and such data structures are contemplated to be within the scope of computer-executable instructions and computer-usable data described herein.

With further reference to FIG. 2, one or more aspects described herein may be implemented in a remote access environment. FIG. 2 depicts an example system architecture including a computing device 201 in an example computing environment 200 that may be used according to one or more example aspects described herein. The computing device 201 may function as a server 206a in a single-server or multi-server desktop virtualization system (e.g., a remote access or cloud system) and may be configured to provide a virtual machine for a client access device. The computing device 201 may have a processor 203 for controlling the overall operation of the device 201 and its associated components, including RAM 205, ROM 207, input/output (I/O) module 209, and memory 215.

The I/O module 209 may include a mouse, keypad, touch screen, scanner, optical reader, and/or stylus (or other input device) through which a user of the computing device 201 may provide input, and may also include one or more speakers for providing audio output and one or more video display devices for providing textual, audiovisual, and/or graphical output. Software may be stored within memory 215 and/or other storage to provide instructions to processor 203 for configuring computing device 201 as a special-purpose computing device to perform the various functions described herein. For example, memory 215 may store software used by computing device 201, such as an operating system 217, application programs 219, and associated databases 221.

The computing device 201 may operate in a networked environment using connections to one or more remote computers, such as a terminal 240 (also referred to as a client device and/or client machine). The terminal 240 may be a personal computer, mobile device, laptop computer, tablet computer, or server that includes many or all of the elements described above with respect to the computing device 103 or 201. The network connections depicted in FIG. 2 include a Local Area Network (LAN)225 and a Wide Area Network (WAN)229, but may also include other networks. When used in a LAN networking environment, the computing device 201 can be connected to the LAN 225 through a network interface or adapter 223. When used in a WAN networking environment, the computing device 201 may include a modem or other wide area network interface 227 for establishing communications over the WAN 229, such as computer network 230 (e.g., the Internet). It will be appreciated that the network connections shown are exemplary and other means of establishing a communications link between the computers may be used. Computing device 201 and/or terminal 240 may also be a mobile terminal (e.g., mobile phone, smartphone, Personal Digital Assistant (PDA), notebook, etc.) that includes various other components, such as a battery, speaker, and antenna (not shown).

Aspects described herein are operational with numerous other general purpose or special purpose computing system environments or configurations. Examples of other computing systems, environments, and/or configurations that may be suitable for use with aspects described herein include, but are not limited to, personal computers, server computers, hand-held or laptop devices, multiprocessor systems, microprocessor-based systems, set top boxes, programmable consumer electronics, network Personal Computers (PCs), minicomputers, mainframe computers, distributed computing environments that include any of the above systems or devices, and the like.

As shown in FIG. 2, one or more client devices 240 may communicate with one or more servers 206a-206n (generally referred to herein as "servers 206"). In one embodiment, computing environment 200 may include a network device installed between server 206 and client machine 240. The network device may manage client/server connections and, in some cases, may load balance client connections among multiple backend servers 206.

In some embodiments, the client machine 240 may be referred to as a single client machine 240 or a single group of client machines 240, while the server 206 may be referred to as a single server 206 or a single group of servers 206. In one embodiment, a single client machine 240 communicates with more than one server 206, while in another embodiment, a single server 206 communicates with more than one client machine 240. In yet another embodiment, a single client machine 240 communicates with a single server 206.

In some embodiments, client machine 240 may be referenced by any of the following non-exhaustive terms: a client machine; a client; a client computer; a client device; a client computing device; a local machine; a remote machine; a client node; a terminal point; or an endpoint node. In some embodiments, the server 206 may be referenced by any one of the following non-exhaustive terms: a server, a local machine; a remote machine; a server farm or a host computing device.

In one embodiment, client machine 240 may be a virtual machine. The virtual machine may be any virtual machine, and in some embodiments, the virtual machine may be any virtual machine managed by a type 1 or type 2 hypervisor, such as a hypervisor developed by Sijie Systems, International Business machines corporation (IBM), Borui (VMware), or any other hypervisor. In some aspects, the virtual machines may be managed by a hypervisor, while in other aspects, the virtual machines may be managed by a hypervisor executing on server 206 or a hypervisor executing on client 240.

Some embodiments include a client device 240 that displays application output generated by an application executing remotely on a server 206 or other remotely located machine. In these embodiments, the client device 240 may execute a virtual machine receiver program or application to display output in an application window, browser, or other output window. In one instance, the application is a desktop, while in other instances, the application is an application that generates or renders a desktop. The desktop may include a graphical shell that provides a user interface for instances of an operating system in which local and/or remote applications may be integrated. An application program, as used herein, is a program that executes after an instance of an operating system (and optionally a desktop) has been loaded.

In some embodiments, the server 206 uses a remote presentation protocol or other program to send data to a thin client or remote display application executing on the client to present display output generated by the application executing on the server 206. The thin client or remote display protocol may be any one of the following non-exhaustive list of protocols: independent Computing Architecture (ICA) protocol developed by the system of the singer, ltydarberg, florida (Citrix Systems, Inc.); or the Remote Desktop Protocol (RDP) manufactured by Microsoft Corporation of redmond, washington.

The remote computing environment may include more than one server 206a-206n such that the servers 206a-206n are logically grouped together in a server farm 206, such as in a cloud computing environment. The server farm 206 may include servers 206 that are geographically dispersed but logically grouped together, or servers 206 that are located proximate to each other when logically grouped together. In some embodiments, geographically dispersed servers 206a-206n within a server farm 206 may communicate using a WAN (wide area), MAN (metropolitan area), or LAN (local area), where different geographic regions may be characterized as: a different continent; different regions of the continent; different countries; a different state; different cities; a different campus; different rooms; or any combination of the aforementioned geographic locations. In some embodiments, the server farm 206 may be managed as a single entity, while in other embodiments, the server farm 206 may include multiple server farms.

In some embodiments, the server farm may include servers 206 executing a substantially similar type of operating system platform (e.g., WINDOWS, UNIX, LINUX, iOS, ANDROID, SYMBIAN, etc.). In other embodiments, the server farm 206 may include a first group of one or more servers executing a first type of operating system platform and a second group of one or more servers executing a second type of operating system platform.

The server 206 may be configured as any type of server as desired, such as a file server, an application server, a web server, a proxy server, an appliance, a network appliance, a gateway, an application gateway, a gateway server, a virtualization server, a deployment server, a Secure Sockets Layer (SSL) VPN server, a firewall, a web server, an application server, or as a host application server, a server executing an active directory, or a server executing an application acceleration program that provides firewall functionality, application functionality, or load balancing functionality. Other server types may also be used.

Some embodiments include a first server 206a that receives a request from a client machine 240, forwards the request to a second server 206b (not shown), and responds to the request generated by the client machine 240 with a response from the second server 206b (not shown). The first server 206a may obtain an enumeration of applications available to the client machine 240 and address information associated with the application servers 206 hosting applications identified within the enumeration of applications. The first server 206a may then present a response to the client request using the network interface and communicate directly with the client 240 to provide the client 240 access to the identified application. One or more clients 240 and/or one or more servers 206 may transmit data over network 230 (e.g., network 101).

FIG. 3 illustrates a high-level architecture of an exemplary desktop virtualization system. As shown, the desktop virtualization system may be a single server or multi-server system, or a cloud system, including at least one virtualization server 301 configured to provide virtual desktops and/or virtual applications to one or more client access devices 240. As used herein, a desktop refers to a graphical environment or space in which one or more applications may be hosted and/or executed. The desktop may include a graphical shell that provides a user interface for instances of an operating system in which local and/or remote applications may be integrated. The application programs may include programs that are executed after an instance of the operating system (and optionally, the desktop) is loaded. Each instance of an operating system may be physical (e.g., one operating system per device) or virtual (e.g., multiple instances of an OS running on a single device). Each application may execute on a local device or may execute on a remotely located device (e.g., remotely).

The computer device may be configured as a virtualization server in a virtualization environment (e.g., a single server, a multi-server, or a cloud computing environment). The virtualization server 301 shown in FIG. 3 may be deployed as and/or implemented by one or more embodiments of the server 206 shown in FIG. 2 or by other known computing devices. Included in the virtualization server 301 is a hardware layer, which may include one or more physical disks 304, one or more physical devices 306, one or more physical processors 308, and one or more physical memories 316. In some embodiments, firmware 312 may be stored within memory elements in physical memory 316 and may be executed by one or more of physical processors 308. Virtualization server 301 may also include an operating system 314, which may be stored in memory elements in physical memory 316 and executed by one or more of physical processors 308. Further, the hypervisor 302 may be stored in a storage element in the physical memory 316 and may be executed by one or more of the physical processors 308.

Executing on one or more of the physical processors 308 may be one or more virtual machines 332A-C (collectively 332). Each virtual machine 332 may have virtual disks 326A-C and virtual processors 328A-C. In some embodiments, the first virtual machine 332A may execute the control program 320 including the tool stack 324 using the virtual processor 328A. Control program 320 may be referred to as a control virtual machine, Dom0, Domain 0, or other virtual machine for system management and/or control. In some embodiments, one or more virtual machines 332B-C may execute guest operating systems 330A-B using virtual processors 328B-C.

The virtualization server 301 may include a hardware layer 310 having one or more pieces of hardware in communication with the virtualization server 301. In some embodiments, the hardware layer 310 may include one or more physical disks 304, one or more physical devices 306, one or more physical processors 308, and one or more physical memories 316. The physical components 304, 306, 308, and 316 may include, for example, any of the components described above. The physical devices 306 may include, for example, network interface cards, video cards, keyboards, mice, input devices, monitors, display devices, speakers, optical drives, storage devices, universal serial bus connections, printers, scanners, network elements (e.g., routers, firewalls, network address translators, load balancers, Virtual Private Network (VPN) gateways, Dynamic Host Configuration Protocol (DHCP) routers, etc.), or any device connected to or in communication with the virtualization server 301. The physical memory 316 in the hardware layer 310 may include any type of memory. Physical memory 316 may store data, and in some embodiments may store one or more programs or a set of executable instructions. FIG. 3 illustrates an embodiment in which firmware 312 is stored within physical memory 316 of virtualization server 301. The programs or executable instructions stored in the physical memory 316 may be executed by the one or more processors 308 of the virtualization server 301.

The virtualization server 301 may also include a hypervisor 302. In some embodiments, the hypervisor 302 may be a program executed by the processors 308 on the virtualization server 301 to create and manage any number of virtual machines 332. Hypervisor 302 may be referred to as a virtual machine monitor or platform virtualization software. In some embodiments, hypervisor 302 may be any combination of executable instructions and hardware that monitor virtual machines executing on a computing machine. The hypervisor 302 may be a type 2 hypervisor, where the hypervisor executes within an operating system 314 executing on the virtualization server 301. The virtual machine may then execute at a level higher than hypervisor 302. In some embodiments, the type 2 hypervisor may execute in the context of the user's operating system, such that the type 2 hypervisor interacts with the user's operating system. In other embodiments, one or more virtualization servers 301 in a virtualization environment may instead include a type 1 hypervisor (not shown). The type 1 hypervisor may execute on the virtualization server 301 by directly accessing the hardware and resources within the hardware layer 310. That is, when the type 2 hypervisor 302 accesses system resources through the host operating system 314, as shown, the type 1 hypervisor may directly access all system resources without the host operating system 314. The type 1 hypervisor may execute directly on one or more physical processors 308 of the virtualization server 301 and may include program data stored in physical memory 316.

In some embodiments, hypervisor 302 may provide virtual resources to operating system 330 or control program 320 executing on virtual machine 332 in any manner that emulates operating system 330 or control program 320 with direct access to system resources. The system resources may include, but are not limited to, physical devices 306, physical disks 304, physical processors 308, physical memory 316, and any other components included in the hardware layer 310 of the virtualization server 301. Hypervisor 302 may be used to emulate virtual hardware, partition physical hardware, virtualize physical hardware, and/or execute virtual machines that provide access to a computing environment. In still other embodiments, the hypervisor 302 may control processor scheduling and memory partitioning of the virtual machines 332 executing on the virtualization server 301. Hypervisor 302 can include a hypervisor manufactured by Borui corporation (VMWare, Inc.) of Palo alto, Calif.; XENPROJECT hypervisor, an open source product developed by open source XENPROJECT. HyperV, VirtualServer, or virtual PC hypervisor provided by Microsoft, or other hypervisor. In some embodiments, virtualization server 301 may execute a hypervisor 302 that creates a virtual machine platform on which a guest operating system may execute. In these embodiments, virtualization server 301 may be referred to as a host server. An example of such a virtualization server is the smith hypervisor offered by smith systems, inc.

Hypervisor 302 may create one or more virtual machines 332B-C (collectively 332) in which guest operating system 330 executes. In some embodiments, hypervisor 302 may load a virtual machine image to create virtual machine 332. In other embodiments, hypervisor 302 may execute guest operating system 330 within virtual machine 332. In still other embodiments, virtual machine 332 may execute guest operating system 330.

In addition to creating virtual machines 332, hypervisor 302 can also control the execution of at least one virtual machine 332. In other embodiments, the hypervisor 302 may present at least one virtual machine 332 with an abstraction of at least one hardware resource (e.g., any hardware resource available within the hardware layer 310) provided by the virtualization server 301. In other embodiments, the hypervisor 302 may control the manner in which the virtual machines 332 access the physical processors 308 available in the virtualization server 301. Controlling access to the physical processor 308 may include determining whether the virtual machine 332 should access the processor 308, and how physical processor capabilities are presented to the virtual machine 332.

As shown in fig. 3, virtualization server 301 may host or execute one or more virtual machines 332. The virtual machine 332 is a set of executable instructions that, when executed by the processor 308, may mimic the operation of a physical computer, such that the virtual machine 332 may execute programs and processes like a physical computing device. Although fig. 3 illustrates an embodiment in which the virtualization server 301 hosts three virtual machines 332, in other embodiments, the virtualization server 301 may host any number of virtual machines 332. In some embodiments, the hypervisor 302 may provide each virtual machine 332 with a unique virtual view of the physical hardware, memory, processors, and other system resources available to that virtual machine 332. In some embodiments, the unique virtual view may be based on one or more of the following: virtual machine permissions, application of one or more virtual machine identifiers by the policy engine, a user accessing the virtual machine, an application executing on the virtual machine, a network accessed by the virtual machine, or any other desired criteria. For example, hypervisor 302 may create one or more insecure virtual machines 332 and one or more secure virtual machines 332. The unsecure virtual machine 332 may be prevented from accessing resources, hardware, memory locations, and programs that the secure virtual machine 332 may be allowed to access. In other embodiments, hypervisor 302 may provide each virtual machine 332 with a substantially similar virtual view of the physical hardware, memory, processors, and other system resources available to virtual machine 332.

Each virtual machine 332 may include virtual disks 326A-C (collectively 326) and virtual processors 328A-C (collectively 328). In some embodiments, virtual disk 326 is a virtualized view of one or more physical disks 304 of virtualization server 301 or a portion of one or more physical disks 304 of virtualization server 301. A virtualized view of the physical disks 304 may be generated, provided, and managed by the hypervisor 302. In some embodiments, the hypervisor 302 provides each virtual machine 332 with a unique view of the physical disks 304. Thus, in these embodiments, the particular virtual disk 326 included in each virtual machine 332 may be unique when compared to the other virtual disks 326.

The virtual processor 328 may be a virtualized view of one or more physical processors 308 of the virtualization server 301. In some embodiments, a virtualized view of the physical processors 308 may be generated, provided, and managed by the hypervisor 302. In some embodiments, the virtual processor 328 has substantially all of the same characteristics of the at least one physical processor 308. In other embodiments, the virtual processor 308 provides a modified view of the physical processors 308 such that at least some of the characteristics of the virtual processor 328 are different from the characteristics of the corresponding physical processor 308.

Web page replication

FIG. 4 illustrates an example environment for web page development according to one or more example aspects described herein. The environment 400 includes a first device 405, a second device 410, and a third device 415. In some embodiments, the first device 405, the second device 410, and the third device 415 may each be the computing device 210 shown in fig. 2. Environment 400 also includes a first server, such as proxy server 420, a second server, such as replication server 425, and a third server, such as web server 430. In some embodiments, proxy server 420, replica server 425, and web server 430 may each be server 206 shown in FIG. 2. In some embodiments of the present invention, the,

a first browser 440 executes on the first device 405. The first browser 440 includes a first browser engine 442. The user 435 of the first browser 440 may access a web page from the first browser 440. Based on user 435 accessing the web page, first browser 440 may request the accessed web page from web server 430 via proxy server 420. Web server 430 may respond to the request for the web page by providing the requested web page to proxy server 420. Proxy server 420 may receive web pages provided by web server 430. The web page may be any type of web page, including a static web page or a web application.

The proxy server 420 may provide the received web page as a first web page to the first browser 440. After the first browser 440 receives the first web page from the proxy server 420, the first browser 440 may render and display the first web page for the user 435 of the first device 405. Web pages, such as web pages accessed by user 435 of first browser 440, may be rendered and displayed differently on different browsers and devices. Accordingly, in addition to providing the web page received from the web server 430 to the first browser 440 as the first web page, the web page may be provided to the second browser 445 and the third browser 450 as the second web page. In some embodiments, proxy server 420 may receive web pages from web server 430 and provide the web pages to replication server 425. In some embodiments, the proxy server 420 may provide the replication server 425 with html and/or a copy of the resources of the web page received from the web server 430. After the replication server 425 receives the web page from the proxy server 420, the replication server 425 may provide the received web page as a replicated web page to the second browser 445 executing on the second device 410 and the third browser 450 executing on the third device 415. The second browser 445 and the third browser 450 may each render and display the copied web page.

After the web page accessed by the user 435 of the first browser 440 is rendered and displayed by each of the first browser 440, the second browser 445, and the third browser 450, the changes to the first web page rendered and displayed by the first browser 440 may be copied or copied in the web page rendered by the second browser 445 and the third browser 450. In some embodiments, the change to the first web page may be associated with a user 435 interacting with the first web page in the first browser 440. By replicating or copying user interaction with the first web page in the web pages rendered and displayed by the second browser 445 and the third browser 450, instances of inconsistent rendering of web page content across browsers and/or devices may be identified during network development. Although fig. 4 illustrates the second browser 445 and the third browser 450, web page replication may occur on any number of browsers and/or devices.

In some embodiments, after the proxy server 420 receives the web page from the web server 430, the proxy server 420 may inject or provide a script in the web page and provide the script-injected web page as the first web page to the first browser 440. In some embodiments, the injected script may be JavaScript. When the first browser engine of the first browser 440 renders the first web page, the injected script executes and may configure the first browser 440 to monitor the first web page for changes that affect the rendered and displayed first web page. In some embodiments, the change affecting the first web page may be associated with a user 435 interacting with the first web page in the first browser 440. In some embodiments, the injected script may configure the first browser 440 to monitor and detect changes to the DOM of the first web page rendered and displayed by the first browser 440. The script may also configure first browser 440 to provide the detected changes to replication server 425. In some embodiments, first browser 440 may provide changes to the DOM of the first web page to replication server 425. In some embodiments, first browser 440 provides the new or changed DOM of the first web page to replication server 425. After receiving the changes to the first web page, the replication server 425 may provide the changes to the second browser 445 and the third browser 450.

In some embodiments, the second browser 445 and the third browser 450 may be configured to receive the change to the first web page from the replication server 425. As described above, after the replication server 425 receives the web page from the proxy server 420, the replication server 425 may provide the received web page as a replicated web page to the second browser 445 and the third browser 450. In some embodiments, the replication server 425 may include, inject, or otherwise provide the scripts in the replicated web page to the second browser 445 and the third browser 450. In some embodiments, the injected script may be JavaScript. The injected script may configure the second browser 445 and the third browser 450 to receive the change to the first web page from the replication server 425.

The injected script may also configure the second browser 445 and the third browser 450 to replicate or copy changes in the web pages rendered and displayed by the second browser 445 and the third browser 450. In some embodiments, after receiving the change to the first web page from the replication server 425, the second browser 445 and the third browser 450 may update and modify the respective DOM of the web pages rendered and displayed by the second browser 445 and the third browser 450 based on the change to the DOM of the first web page. After copying or copying the changes to the first web page in the second browser 445 and the third browser 450, instances of inconsistent rendering of web page content across the second browser 445 and the third browser 450 and/or the devices 410 and 415 may be identified during network development.

In some embodiments, the functionality of the replica server 425 and the proxy server 425 may be provided by a single server. Fig. 8 illustrates an example embodiment in which the functionality provided by the proxy server 425 and the replication server 425 is provided by a single server 820. In some embodiments, the network development functionality described with reference to fig. 4 may be provided as a cloud service, such as cloud service 755 shown in fig. 7. In fig. 7, cloud service 755 interfaces with proxy server 420. The replication server 425 may be connected to the second browser 445 and the third browser 450 via a database 745. The user interactions described with reference to fig. 4 may be recorded or stored in database 745. The second browser 445 and the third browser 450 may interface with an automatic UI issue detector 750. The user interaction may be replicated or copied by the second browser 445 and the third browser 450. Additionally, instances of inconsistent rendering of web page content at the second and third browsers 445 and 450 and/or devices 410 and 415 may be identified by an automatic UI issue detector 750 connected to the second and third browsers 445 and 450.

FIG. 5 illustrates an example process 500 for web page development by the example embodiment of FIG. 4. Process 500 may include web page replication. Although fig. 5 is described with reference to fig. 4, it should be noted that the method steps of fig. 5 may be performed by other systems.

When a user 435 of a first browser 440 running on a first device 405 accesses a web page from the first browser 440, a first browser engine 442 of the first browser 440 sends a request (e.g., an http/https request) to the proxy server 420 for the web page accessed by the user 435 of the first browser 440. Proxy server 420 forwards the request for the accessed web page to web server 430. Web server 430 receives the request from proxy server 420. The web server 430 responds to the request received from the proxy server 420 by providing html of the web page to the proxy server 420. The proxy server 420 receives html of web pages from the web server 430.

Process 500 begins at stage 505 when proxy server 420 receives html for a web page accessed by user 435 of first browser 440. The web page may be any type of web page, including a static web page or a web application. At stage 510, process 500 includes providing the received web page as a first web page to first browser 440. The proxy server 420 may provide the received web page as a first web page to the first browser 440. After the first browser 440 receives the first web page from the proxy server 420, the first browser 440 may render and display the first web page for the user 435 of the first device 405.

At stage 515, process 500 includes providing a copy of the received web page to the second browser as a second web page. Web pages, such as web pages accessed by user 435 of first browser 440, may be rendered and displayed differently on different browsers and devices. Accordingly, in addition to providing the web page received from the web server 430 to the first browser 440 as the first web page, the web page may be provided to the second browser 445 and the third browser 450 as the second web page. In some embodiments, proxy server 420 may receive web pages from web server 430 and provide the web pages to replication server 425. In some embodiments, the proxy server 420 may provide the replication server 425 with html and/or a copy of the resources of the web page received from the web server 430. After the replication server 425 receives the web page from the proxy server 420, the replication server 425 may provide the received web page as a second web page to the second browser 445 executing on the second device 410 and the third browser 450 executing on the third device 415. The second browser 445 and the third browser 450 may render and display the second web page, respectively.

At stage 520, process 500 includes monitoring a first web page rendered and displayed by first browser 440. After the proxy server 420 receives the web page from the web server 430, the proxy server 420 may inject or provide a script in the web page and provide the script-injected web page as a first web page to the first browser 440. In some embodiments, the injected script may be JavaScript. When the first browser engine of the first browser 440 renders the first web page, the injected script executes and may configure the first browser 440 to monitor the first web page for changes that affect the rendered and displayed first web page. In some embodiments, the change affecting the first web page may be associated with a user 435 interacting with the first web page in the first browser 440. In some embodiments, the injected script may configure the first browser 440 to monitor and detect changes to the DOM of the first web page rendered and displayed by the first browser 440. The script may also configure first browser 440 to provide the detected changes to replication server 425.

At stage 522, process 500 includes determining whether a change has been detected that affects the first web page. If first browser 440 does not detect a change to the DOM of the first web page, process 500 returns to stage 520 and first browser 440 continues to monitor the first web page. If first browser 440 detects a change to the DOM of the first web page, process 500 proceeds to stage 525. First browser 440 may provide changes to the DOM of the first web page to replication server 425. In some embodiments, first browser 440 provides the new or changed DOM of the first web page to replication server 425. After receiving the changes to the first web page, the replication server 425 may provide the changes to the second browser 445 and the third browser 450.

At stage 525, process 500 includes copying or copying changes to the first web page in the web pages rendered and displayed by the second browser 445 and the third browser 450, and the process ends. In some embodiments, the second browser 445 and the third browser 450 may be configured to receive the change to the first web page from the replication server 425. As described above, after the replication server 425 receives the web page from the proxy server 420, the replication server 425 may provide the received web page as a replicated web page to the second browser 445 and the third browser 450. In some embodiments, the replication server 425 may include, inject, or otherwise provide the scripts in the replicated web page to the second browser 445 and the third browser 450. In some embodiments, the injected script may be JavaScript. The injected script may configure the second browser 445 and the third browser 450 to receive the change to the first web page from the replication server 425.

Process 500 may be performed by other systems, such as system 900 shown in FIG. 9. In some embodiments, as shown in FIG. 9, process 500 in FIG. 5 may be implemented by a network development service 910. When a user 435 of a first browser 440 running on a first device 405 accesses a web page from the first browser 440, a first browser engine 442 of the first browser 440 sends a request (e.g., an http/https request) for the web page accessed by the user 435 of the first browser 440 to the proxy server 420 via a web development interface 925. In some embodiments, user 435 may be a network developer and network development service 910 may be provided as a cloud service. The network development service may include a network development interface 925. Proxy server 420 forwards the request for the accessed web page to web server 430. Web server 430 receives the request from proxy server 420. The web server 430 responds to the request received from the proxy server 420 by providing html of the web page to the proxy server 420.

The proxy server 420 may provide the received web page as a first web page to the first browser 440 via the web development interface 925. After the first browser 440 receives the first web page from the network development service 925, the first browser 440 may render and display the first web page for the user 435 of the first device 405. Web pages, such as web pages accessed by user 435 of first browser 440, may be rendered and displayed differently on different browsers and devices. Accordingly, in addition to providing the web page received from the web server 430 to the first browser 440 as the first web page, the web page may be provided to the second browser 445 and the third browser 450 as the second web page. In some embodiments, the web development interface 925 may receive the web page from the proxy server 420 and provide the web page to the replication server 425. In some embodiments, the web development interface 925 may provide the replication server 425 with html and/or a copy of the resources of the web page received from the web server 430. After the replication server 425 receives the web page from the network development interface 925, the replication server 425 may store or record the received web page as a replicated web page in the database 745.

After the first browser 440 renders and displays the web page accessed by the user 435 of the first browser 440, changes to the first web page rendered and displayed by the first browser 440 may be stored and recorded in the database 745. In some embodiments, the change to the first web page may be associated with a user 435 interacting with the first web page in the first browser 440. The user interactions may be recorded or stored in the database 745 and copied or copied at a later time in the second browser 445 and the third browser 450. By replicating or copying user interaction with the first web page in the web pages rendered and displayed by the second browser 445 and the third browser 450, instances of inconsistent rendering of web page content across browsers and/or devices may be identified during network development. Although fig. 9 illustrates the second browser 445 and the third browser 450, web page replication may occur on any number of browsers and/or devices.

In some embodiments, after the web development interface 925 receives the web page from the web server 430 via the proxy server 420, the web development interface 925 may inject or provide a script in the web page and provide the script-injected web page as the first web page to the first browser 440. In some embodiments, the injected script may be JavaScript. When the first browser engine of the first browser 440 renders the first web page, the injected script executes and may configure the first browser 440 to monitor the first web page for changes that affect the rendered and displayed first web page. In some embodiments, the change affecting the first web page may be associated with a user 435 interacting with the first web page in the first browser 440. In some embodiments, the injected script may configure the first browser 440 to monitor and detect changes to the DOM of the first web page rendered and displayed by the first browser 440. The script may also configure the first browser 440 to provide the detected changes to the replication server 425 via the web development interface 925. In some embodiments, first browser 440 may provide changes to the DOM of the first web page to replication server 425 via web development interface 925. In some embodiments, first browser 440 provides the new or changed DOM of the first web page to replication server 425 via web development interface 925. After receiving the changes to the first web page, the replication server 425 may store and record the changes in the database 945.

In some embodiments, the second browser 445 and the third browser 450 may be configured to receive changes to the first web page from the database 945. As described above, after the replication server 425 receives the web page from the proxy server 420 via the network development interface 925, the replication server 425 may store or record the received web page in the database 945 as a replicated web page. In some embodiments, the replication server 425 may include, inject, or provide scripts in the replicated web page. In some embodiments, the injected script may be JavaScript. The injected script may configure the second browser 445 and the third browser 450 to receive the change to the first web page from the database 745.

The injected script may also configure the second browser 445 and the third browser 450 to receive changes stored in the database 945 and to replicate or copy the changes in the web pages rendered and displayed by the second browser 445 and the third browser 450. In some embodiments, after receiving the change to the first web page from the database 745, the second browser 445 and the third browser 450 may update and modify the respective DOM of the web page rendered and displayed by the second browser 445 and the third browser 450 based on the change to the DOM of the first web page. After copying or copying the changes to the first web page in the second browser 445 and the third browser 450, instances of inconsistent rendering of web page content across the second browser 445 and the third browser 450 and/or the devices 410 and 415 may be identified during network development. The second browser 445 and the third browser 450 may interface with an automatic UI problem detector 950. Instances of inconsistent rendering of web page content between the second browser 445 and the third browser 450 and/or the devices 410 and 415 may be identified by the automatic UI problem detector 950. The automatic UI issue detector 950 may provide the network development interface 925 with information regarding inconsistent rendering of web page content between the second browser 445 and the third browser 450 and/or the devices 410 and 415, which in turn may provide the information to the user 435.

In this manner, a web developer may use the web development service 910 to efficiently build and improve web applications or web pages. During network development, a network developer may access and interact with a web page in the first browser 440. Using the web development service 910, the accessed web pages are stored in the database 945 as duplicate web pages. User interactions with the web page are also stored or recorded in the database 945. The network developer may synchronize the stored duplicate web pages on multiple browsers and/or devices at a later time using the network development service 910. The user interactions stored in the database 945 are replicated or copied on the browser and/or device. Inconsistent selection of web content on browsers and/or devices can be detected by the automatic UI problem detector 950 and reported to web developers.

FIG. 6 illustrates an example process 600 for web page replication performed by the example embodiment of FIG. 4. Although fig. 6 is described with reference to fig. 4, it should be noted that the steps of fig. 6 may be performed by other systems.

As shown in stage 615, when the user 435 of the first browser 440 running on the first device 405 accesses a web page from the first browser 440, the first browser engine 442 of the first browser 440 sends a request (e.g., an http/https request) to the proxy server 420 for the web page accessed by the user 435 of the first browser 440. Proxy server 420 forwards the request for the accessed web page to web server 430, as shown in stage 620. In stage 625, after the web server 430 receives the request from the proxy server 420, the web server 430 responds by providing html of the web page to the proxy server 420.

In stage 630, after proxy server 420 receives the html of the web page from web server 430, proxy server 420 injects a script, such as DOM change detector 656, into the web page received from web server 430 and provides the web page with DOM change detector 656 as the first web page to first browser 440. In some embodiments, the injected script may be JavaScript. After the first browser 440 receives the html of the first web page from the proxy server 420, the first browser engine 442 of the first browser 440 may render the first web page. If the html of the first web page references resources such as CSS, images, and fonts, the first browser 440 may request the resources from the web server 430. In stage 631, first browser 440 sends a request to proxy server 420 for the resource referenced in the web page. In stage 632, after proxy server 420 receives the request for the resource referenced in the first web page, proxy server 420 forwards the request to web server 430. In stage 633, web server 430 responds to the request by providing resources to proxy server 420. In stage 634, after the proxy server 420 receives the resource referenced by the first web page from the web server 430, the proxy server 420 provides the resource to the first browser engine 442 of the first browser 440. In stage 635, after proxy server 420 receives the resource referenced by the first web page from web server 430, proxy server 420 also provides the resource to replica server 425. Based on the html and resources of the first web page, the first browser engine 442 of the first browser 440 renders the first web page. In stage 640, first browser engine 442 builds a DOM for the first web page (referred to as first web page DOM 645). Returning to stage 630, proxy server 420 injects DOM change detector 656 into the html of the web page and provides the web page with the injected script as the first web page to first browser 440. In stage 665, DOM change detector 656 executes, and as shown in stages 665 and 666, DOM change detector 656 obtains first web page DOM 645. In stage 670, DOM change detector 656 provides first web page DOM 645 to replica server 425.

In stage 673, the second browser 445 requests a replication page from the replication server 425. In stage 675, based on the request to copy the page, the copy server 425 provides the second browser 445 with the resources referenced by the first web page and the first web page DOM 645. The replication server 425 also provides a script having a first web page resource and a first web page DOM 645. In some embodiments, the script may be JavaScript. In stage 680, after the second browser 445 receives the web page resource, the first web page DOM 645, and the injected script from the replication server 425, the second browser engine 452 of the second browser 445 renders the second web page and builds a DOM of the second web page (referred to as a second web page DOM 682). The script provided by the replication server 425 executes and, in stage 684, a web socket 686 is established between the replication server 425 and the second browser 445.

In stage 688, DOM change detector 656 can monitor first web page DOM 645. As shown in stages 690 and 692, upon detecting a change to first web page DOM 645, DOM change detector 656 provides the detected change to replica server 425. In stage 694, the replication server 425 provides the detected change to the second browser 450 via the web socket 686. In stage 694, after the replication server 425 receives the detected change to the first web page DOM 645, the replication server 425 provides the detected change to the second browser 445 via the web socket 686. In stage 696, after receiving the changes to the first web page DOM 645 via web socket 686, the changes to the first web page DOM 645 are copied or copied in the second web page DOM 682.

Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are described as example implementations of the following claims.

28页详细技术资料下载

上一篇：一种医用注射器针头装配设备

下一篇：用于控制在车辆和云之间分布的应用程序的方法和装置

Web page replication

相关技术

网友询问留言