아이패드나 아이폰에서 웹페이지 소스를 보고 싶었던 적이 있습니까? 안타깝게도 모바일 Safari에는 자체 기능이 포함되어 있지 않으며 아직 모바일 웹 인스펙터 툴킷이 내장되어 있지 않지만 사용자 지정 북마크릿을 사용하면 iOS 및 iPadOS에서 바로 모든 웹 페이지의 소스를 볼 수 있습니다.

이 기사에서는 북마클릿 및 자바스크립트 트릭을 사용하여 iPad 및 iPhone용 Safari에서 소스를 볼 수 있도록 설정하는 방법을 보여줍니다.

iPad 및 iPhone용 Safari에서 소스를 보는 방법

1. 아직 수행하지 않은 경우 Safari 열기
2. iPad, iPhone 또는 iPod touch에서 Safari를 사용하여 이 웹 페이지(또는 다른 페이지)를 북마크하고 북마크 이름을 "소스 보기"로 지정합니다.
3. 북마크릿 javascript를 보려면 여기를 클릭한 다음 모두 선택 -> 복사를 선택하십시오.
4. Safari 새 브라우저 화면에서 북마크 아이콘을 탭하고 "편집"을 탭한 다음 2단계에서 저장한 북마크를 탭합니다.
5. 3단계에서 복사한 자바스크립트 코드를 URL 바에 붙여넣은 후 “완료”를 눌러 북마크에 변경 사항을 저장합니다.
6. 이제 iPad 또는 iPhone에서 웹 페이지 소스를 보려면 책갈피 메뉴를 열고 "소스 보기"를 선택하십시오.
7. 소스 코드는 클릭 가능한 소스 URL과 함께 강조 표시된 구문으로 표시됩니다.

한 가지 중요한 점은 여기에서 사용되는 자바스크립트가 처리를 위해 소스를 보고 있는 페이지를 michelsen.dk 서버로 보낸다는 것입니다. 거기에 익숙하지 않은 경우 다른 솔루션이 있지만 구문을 강조하지 않고 전체적으로 거의 우아하지 않습니다.

예를 들어 아래 Javascript를 북마크릿으로 사용하여 원격 서버를 통해 처리되지 않는 소스도 볼 수 있지만 구문 강조를 사용하지 않습니다.

javascript:(function(){var a=window.open('about:blank').document;a.write('+위치의 소스. href+'');a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap ';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();

유사한 팁은 편집된 북마크를 활용하여 iPhone 또는 iPad에서도 Mobile Safari로 Firebug를 실행할 수 있도록 하는 것입니다. 이는 일부 웹 개발자에게 조금 더 유용할 수 있습니다.

이 멋진 팁은 Michelsen.dk에서 제공합니다. Twitter를 통해 찾았습니다. Twitter에서도 팔로우할 수 있습니다.

언젠가는 iOS 및 iPadOS의 Safari가 소스를 볼 수 있는 기본 기능을 갖게 될지 누가 알겠습니까? 그때까지는 이 파티 앱이나 이와 같은 도구에 의존해야 합니다.

이것은 테스트에서 잘 작동했지만 일부 사용자는 다양한 최신 버전의 Safari 및 iOS에서 다른 결과를 보고합니다. 귀하에게 적합한 기능과 사용 중인 iOS 버전 및 iPad 또는 iPhone을 아래 댓글로 알려주세요.