🔍 iOS Safari 페이지 소스 추출 도구

이 도구를 사용하면 iOS Safari에서 페이지 소스를 추출하여 분석할 수 있습니다.

Step 1: 북마크릿 복사

아래 코드를 복사하여 Safari 북마크에 추가하세요:

javascript:(function(){var d=document,w=window,r={ua:navigator.userAgent,url:w.location.href,width:w.innerWidth,height:w.innerHeight,body:d.body.className,ios:/iPhone|iPad|iPod/i.test(navigator.userAgent),iosClass:d.body.classList.contains('ios-device'),scrollWrapper:!!d.querySelector('.ios-scroll-wrapper'),header:!!d.querySelector('.mobile-header'),footer:!!d.querySelector('.mobile-footer'),masonry:!!d.querySelector('.masonry'),masonryItems:d.querySelectorAll('.masonry-item').length,unitH:typeof w.unit_h!=='undefined'?w.unit_h:'undefined',logo:!!d.querySelector('.mobile-header .navbar-brand')};var m=d.querySelector('.masonry');if(m&&w.jQuery){r.masonryInit=!!jQuery(m).data('masonry');}else{r.masonryInit=false;}var h='';if(d.querySelector('.mobile-header')){var s=w.getComputedStyle(d.querySelector('.mobile-header'));r.headerCSS={position:s.position,zIndex:s.zIndex,top:s.top};}if(d.querySelector('.masonry-item')){var i=d.querySelector('.masonry-item');var is=w.getComputedStyle(i);r.itemCSS={width:is.width,height:is.height,float:is.float,display:is.display};}var items=[];d.querySelectorAll('.masonry-item').forEach(function(el,idx){if(idx<5){var rect=el.getBoundingClientRect();items.push({index:idx+1,width:Math.round(rect.width),height:Math.round(rect.height),classes:el.className});}});r.items=items;var t=w.open();t.document.write('Debug Data
'+JSON.stringify(r,null,2)+'
');})();

Step 2: 북마크에 추가하는 방법

  1. Safari에서 아무 페이지나 북마크 추가 (공유 → 북마크 추가)
  2. 이름을 "소스 추출"로 변경
  3. 북마크 목록에서 "소스 추출" 길게 누르고 편집
  4. URL을 위의 코드로 교체
  5. 저장

Step 3: 문제 페이지에서 실행

  1. 문제가 있는 페이지로 이동
  2. 북마크에서 "소스 추출" 탭
  3. 새 창이 열리면서 JSON 데이터 표시
  4. Copy 버튼 클릭하여 복사
  5. 아래 텍스트 박스에 붙여넣기

Step 4: 데이터 붙여넣기 및 분석