Murage Kibicho MurageKibicho

## Highlight DOM elements (include sub DOM) when mouse hover over it in Chrome or Firefox using devTools.md

      
        
          
            
              
              1 file
            
          
          
            
              
              0 forks
            
          
          
            
              
              1 comment
            
          
          
            
              
              4 stars
            
          
        
        
          
              
          
          
            
                myrfy001
                / Highlight DOM elements (include sub DOM) when mouse hover over it in Chrome or Firefox using devTools.md
            
            
              Created
              May 14, 2018 02:59
            
              
                Highlight DOM elements (include sub DOM) when mouse hover over it in Chrome or Firefox using DevTools
              
          
        
      
        
  
      
    Paste the following code into the console panel of the DevTools window of Chrome or Firefox.
The style sheet came from (Web Scraper)[http://webscraper.io/] plugin for Chrome
It is useful for analyse a page layout and you can extend it to select preferred dom elements.
function addStyleString(str) {
    var node = document.createElement('style');