Method and system to maintain a web page
A system to permit a user-friendly approach to determine and access the portions of a program code associated with respective web page components is described. In one example embodiment, the system comprises an option detector and a mapping module. The option detector may be configured to detect an instruction to augment HTML markup of a web page with mapping, where the mapping associated with correlation between web page components and corresponding portions of program code. The mapping module may be configured to generate the mapping and to augment the HTML markup of the web page with the mapping.
1. A system comprising:
a memory;
at least one processor coupled to the memory;
an option detector to detect, utilizing the at least one processor, a state of a flag, the state of the flag indicating an instruction to augment HTML markup of a web page with mapping, the mapping associated with correlation between web page components and corresponding portions of program code, the corresponding portions of program code being responsible for generating the respective web page components; and
a mapping module to, in response to the state of the flag:
generate the mapping, and
augment the HTML markup of the web page with the mapping.
2. The system of claim 1 , wherein the mapping comprises a custom attribute placed on an HTML tag.
3. The system of claim 1 , wherein the mapping comprises an additional HTML tag, the additional HTML tag wrapping a region of the HTML markup of the web page.
4. The system of claim 1 , wherein the mapping comprises an HTML comment.
5. The system of claim 1 , wherein the mapping comprises a supplemental JavaScript data structure.
6. The system of claim 1 , wherein granularity associated with the mapping is at a level of component boundary, the component associated with a user interface (UI) object in the web page.
7. The system of claim 1 , wherein granularity associated with the mapping is at a level of an HTML tag in the HTML markup of the web page.
8. A method comprising:
detecting a state of a flag, the state of the flag indicating a request to generate markup instructions for a web page, the markup to include markup information, the markup information to reflect a mapping between a web page component and a program code portion responsible for generating the web page component; and
generating , in response to the detecting of the state of the flag, the markup instructions for the web page, the markup instructions including the mapping information.
9. The method of claim 8 , comprising providing the generated markup instructions for the web page to a web browser application.
10. The method of claim 8 , comprising storing the generated markup instructions for the web page for further use.
11. The method of claim 8 , wherein the markup instructions are hyper-text mark up language (HTML) instructions.
12. The method of claim 8 , wherein the indication that the mark up is to reflect a mapping between a web page component and a program code portion responsible for generating the web page component is an option that may be turned off in the program code.
13. The method of claim 8 , wherein the mapping comprises a custom attribute placed on an HTML tag.
14. The method of claim 8 , the method comprising:
detecting a request to activate a mapping script associated with a web page;
detecting, in a markup of the web page, mapping between a component of the web page and a program code portion responsible for generating the web page component; and
visually highlighting the component of the web page.
15. The method of claim 14 , wherein the mapping script is to implement:
detecting a request to show data associated with the program code portion responsible for generating the web page component; and
displaying supplemental information associated with the web page component, the supplemental information including information related to the program code portion responsible for generating the web page component.
16. The method of claim 15 , wherein detecting the request to show data associated with the program code portion responsible for generating the web page component comprises detecting that a mouse cursor is positioned over the web page component.
17. The method of claim 14 , wherein the mapping script is to implement:
detecting a request to lock the displaying of the supplemental information associated with the web page component; and
augmenting the supplemental information associated with the web page component with a menu of action items.
18. The method of claim 17 , wherein the menu of action items includes a link to a location in a development environment, the location being associated with the program code portion responsible for generating the web page component.
19. The method of claim 14 , wherein the detecting of the request to activate the mapping script includes detecting a Ctrl Left-Click mouse sequence.
20. The method of claim 14 , wherein the detecting of the request to activate the mapping script includes detecting a request to activate JavaScript code.