The Debug scope of the Responsiville framework. Contains debugging methods
and properties which assist in the development of responsive web pages with
the Responsiville framework. Not meant to be used autonomously even inside
the scope of the framework.
Namespaces
Methods
-
staticResponsiville.Debug.closeDebugPanel(){void}
-
Closes the Responsiville debug panel.
Returns:
Type Description void -
staticResponsiville.Debug.openDebugPanel(){void}
-
Opens up the Responsiville debug panel.
Returns:
Type Description void -
staticResponsiville.Debug.setupDebug(){void}
-
Sets up the little debug panel of the Responsiville framework which lies quietly at the edge of the screen to assist in responsive web page building. It provides info on page load times, screen sizes and breakpoints, web development documentation links and Responsiville documentation links. It is supposed to be turned off in production mode. It follows the debugUI option of the main responsiville object in order to appear on hide.
Returns:
Type Description void -
staticResponsiville.Debug.showDebugLoadPerformance(){void}
-
Shows the most significant page loading performance statistics inside the Responsiville debug panel (like DOMContentReady and load events).
Returns:
Type Description void -
staticResponsiville.Debug.showDebugUIDimensions(){void}
-
Shows the dimensions of the current browser inner window in the Responsiville debug panel. This is intended to represent the current device screen when developing and debugging. It also shows the current responsive breakpoint along with a respective icon.
Returns:
Type Description void