일반 웹 페이지의 디자인 레이아웃을 보려면 콘솔에 다음 코드를 직접 입력하십시오.

콘솔에서 직접 일반 웹 페이지의 디자인 레이아웃 보기

(function() {
    
    
      var elements = document.body.getElementsByTagName('*');
      var items = [];
      for (var i = 0; i < elements.length; i++) {
    
    
         if (elements[i].innerHTML.indexOf('html * { outline: 1px solid red }') != -1) {
    
    
            items.push(elements[i]);
         }
      }
      if (items.length > 0) {
    
    
         for (var i = 0; i < items.length; i++) {
    
    
            items[i].innerHTML = '';
         }
      } else {
    
    
         document.body.innerHTML +=
            '<style>html * { outline: 1px solid red }</style>';
      }
 })();