Front-end tool for displaying diagnostic information to facilitate web page development
First Claim
Patent Images
1. A method for displaying diagnostic information to facilitate web page development, comprising:
- while a web page is being assembled at a front-end system using data gathered from one or more back-end systems, accumulating metadata associated with the assembly process;
configuring the web page to request and receive JavaScript (JS) code from a content distribution network (CDN), wherein the CDN comprises a distributed set of servers configured to serve content to end-users;
rendering the web page using the gathered data; and
sending the rendered web page to a browser to be displayed to a user, wherein the metadata is sent along with the rendered page, thereby enabling the browser to;
receive from the user a selection of a page element on the rendered web page;
use a string stored within the page element to perform a string search of the metadata to find a subset of metadata associated with the selected page element; and
display the subset of metadata to the user via a pop using the received JS code.
2 Assignments
0 Petitions
Accused Products
Abstract
The disclosed embodiments relate to a system that displays diagnostic information to facilitate web page development. While a web page is being assembled at a front-end system using data gathered from one or more back-end systems, the system accumulates metadata associated with the assembly process. Next, the system renders the web page using the gathered data. Finally, the system sends the rendered web page along with the metadata to a browser to be displayed to a user, wherein the browser is configured to selectively display the metadata when the web page is displayed.
24 Citations
21 Claims
-
1. A method for displaying diagnostic information to facilitate web page development, comprising:
-
while a web page is being assembled at a front-end system using data gathered from one or more back-end systems, accumulating metadata associated with the assembly process; configuring the web page to request and receive JavaScript (JS) code from a content distribution network (CDN), wherein the CDN comprises a distributed set of servers configured to serve content to end-users; rendering the web page using the gathered data; and sending the rendered web page to a browser to be displayed to a user, wherein the metadata is sent along with the rendered page, thereby enabling the browser to; receive from the user a selection of a page element on the rendered web page; use a string stored within the page element to perform a string search of the metadata to find a subset of metadata associated with the selected page element; and display the subset of metadata to the user via a pop using the received JS code. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8, 9, 10)
-
-
11. A method for displaying diagnostic information to facilitate web page development, comprising:
-
receiving, at a browser, a web page along with metadata that relates to the process of assembling the web page, wherein the metadata was accumulated while the web page was being assembled at a front-end system using data gathered from one or more back-end systems; configuring the web page to request and receive JavaScript (JS) code from a content distribution network (CDN), wherein the CDN comprises a distributed set of servers configured to serve content to end-users; displaying the web page to a user; receiving from the user a selection of a page element on the web page; using a string stored within the page element to perform a string search of the metadata to find a subset of metadata associated with the selected page element; and displaying the subset of metadata to the user via a popup using the received JS code. - View Dependent Claims (12, 13, 14)
-
-
15. A non-transitory computer-readable storage medium storing instructions that when executed by a computer cause the computer to perform a method for displaying diagnostic information to facilitate web page development, the method comprising:
-
while a web page is being assembled at a front-end system using data gathered from one or more back-end systems, accumulating metadata associated with the assemble process; configuring the web page to request and receive JavaScript (JS) code from a content distribution network (CDN), wherein the CDN comprises a distributed set of servers configured to serve content to end-users; rendering the web page using the gathered data; and sending the rendered web page to a browser to be displayed to a user, wherein the metadata is sent along with the rendered web page thereby enabling the browser to; receive from the user a selection of a page element on the rendered web page; use a string stored within the page element to perform a string search of the metadata to fins a subset of metadata to find a subset of metadata associated with the selected page element; and display the subset of metadata to the user via a popup using the received JS code.
-
-
16. A computer system that facilitates displaying diagnostic information for web page development, comprising:
-
a hardware module; and a process, wherein the process is stored in the hardware module and configurable to be executed by the hardware module, configured to; assemble a web page using data gathered from one or more back-end systems, accumulate metadata associated with the assembly process, configure the web page to request and receive JavaScript (JS) code from a content distribution network (CDN), wherein the CDN comprises a distributed set of servers configured to serve content to end-users, render the web page using the gathered data, and send the rendered web page to a browser to be displayed to a user, wherein the metadata is sent along with the rendered web page, thereby enabling the browser to; receive from the user a selection of a page element on the rendered web page; use a string stored within the page element to perform a string search of the metadata to fins a subset of metadata to find a subset of metadata associated with the selected page element; and display the subset of metadata to the user via a popup using the received JS code. - View Dependent Claims (17, 18, 19, 20, 21)
-
Specification