Skip to content

sato-shi/Chrome-DOM-Observer

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

DOM Observer - Chrome developer tools extension

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 68.3%
  • HTML 21.0%
  • CSS 10.7%