/Chrome-DOM-Observer

DOM Observer - Chrome developer tools extension

Primary LanguageJavaScript

DOM Observer

##Chrome developer tools extension

DOM Observer is a proof of concept extension. This extension should help to find out which DOM manipulation are causing "flickering" during page load. Flickering is usualy caused by style change between DOMContentLoaded and onLoad event. Extension is recording all changes off DOM with MutationObserver on whole document.

##Instalation ###Chrome Web Store

###Manual instalation

  • Download extension (.zip)
  • Unzip downloaded file (.crx)
  • Type chrome://extensions in your Google Chrome browser
  • Drag and drop unziped (.crx) file to Google Chrome extensions tab

##Screenshots

####Overview Image ####Settings Image ####Possible error detection Image ####Filtering Image

##Todo

  • fix performance issues (in progress)
  • refactor code
  • screenshots (load, DOMContentLoade,...)
  • inspect elements
  • charts