Browse Prior Art Database

A system and method of fast developing and easy debugging for JavaScript applications

IP.com Disclosure Number: IPCOM000244237D
Publication Date: 2015-Nov-25
Document File: 5 page(s) / 79K

Publishing Venue

The IP.com Prior Art Database

Abstract

Our disclosure invented a smart system and method that can locate codes path for web elements quickly in local development environment without running the JavaScript functions for that web element

This text was extracted from a PDF file.
This is the abbreviated version, containing approximately 38% of the total text.

Page 01 of 5

A system and method of fast developing and easy debugging for JavaScript applications

In the web application development, When an error or exception occurs in the application, or new functionalities required to be added, developers need to locate the JavaScript code and determine if it has logical flaws, where new code can be added, and so on. For example, when developers want to have some fundamental improvements or add new functions on the existing page or content, it is much more convenient to be done if they can find the corresponding or related source code quickly. Besides, if something go wrong or the existed function is not what is expected, developers also wish to go into the code to fix problems quickly and effectively. Currently, the way in the web development environment to locate the corresponding JavaScript code is manual and slow. Usually if developers want to look into the source code for a certain web element, the common method we can do is, first, search the name of the element located on the page in local development environment, second, find the code file of the page which cited this web element and the code file which defines the class of this web element and also all parent classes of this class, third, get its related functions by going through all the code of the page and its class and parent classes, then begin to fix problems.

The core idea of our invention:

Our disclosure invented a smart system and method that can locate codes path for web elements quickly in local development environment without running the JavaScript functions for that web element. With this method, developers can find any web element codes path and handler functions easily and then debug problem easily or develop new part of the web applications fast.

Our invention contains below two parts:

1. In development stage, our invention needs to be added into the IDE (integrated development environment) as plugin. Our invention will create a function table for web elements defined in the code. The function table maintains the location of the web page whether a web element is used and also the event handling functions of this web element. At the same time, our invention creates an object relationship tree for each object class of web element.

Each time, when the web application is updated and saved in the IDE, our invention will re-scan the updated code and then update the function table and the object relationship tree.


2. In the deploy stage, our invention needs to be added into browser debugger as a plugin. Besides development codes, browser loads function table and object relationship tree. When the developer select one web element in the browser, our invention can search the function table and object relationship tree, then display all the event handler functions of the web element and their paths. Developers can go to the event handler functions code directly by clicking on the function name. This can dramatically reduce the time for fi...