iPad / iPhone에서 웹 페이지 HTML 소스 코드를 보는 방법 앱이 필요하지 않습니다.

웹이 궁금하고 인터넷에있는 웹 사이트의 소스 코드를 들여다보고 싶습니까? 그렇다면 혼자가 아닙니다. 가장 자주 읽는 독자 질문 중 하나는 iPhone (또는 다른 iDevice-iPad 또는 iPod Touch)의 모든 웹 페이지에서 HTML 소스 코드를 보는 방법입니다. 다행히도 개발자 Rob Flaherty 덕분에 솔루션이 있습니다! 이 기사에서는 iPad, iPhone 또는 iPod touch를 포함한 iDevices의 모든 웹 페이지에 대한 소스 코드 (HTML, CSS, JavaScript 등)를 보는 데 필요한 단계를 설명합니다. 그리고 무엇보다도 앱이 필요하지 않습니다!

iDevices에서 HTML 소스 코드를 보는 방법

HTML 소스 코드를 확인하는 8 가지 쉬운 단계

  1. Safari (iPhone, iPod 또는 iPad)가 아직 열려 있지 않으면이 페이지를 방문하십시오. 이 방법은 Chrome에서도 작동합니다.
  2. 공유 버튼 ( 작업 버튼 이라고도 함)을 선택하십시오 .

  3. 북마크를 누릅니다.

  4. 이름 필드를 선택하고 X 아이콘을 눌러 지우고 이름을 "Show Page Source"로 지정한 다음 "Save"를 탭하십시오.

  5. 이제이 페이지를 방문하여 모두를 선택하고 자바 스크립트 코드를 복사하십시오 : ( 코드 크레딧 : Rob Flaherty )

  6. Rob 사이트에서 복사 한 코드가 다음과 같은지 확인하십시오 (그러나이 페이지에서 복사하지 않음).
    1. javascript : (function () {var a = window.open ( 'about : blank'). document; a.write ( ''source of '+ location.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) )}) ();
  7. 북마크 아이콘을 누르고 편집을 누릅니다.

  8. 4 단계에서 방금 만든“페이지 소스 표시”책갈피를 선택하십시오.

  9. 주소 필드를 누르고 X 아이콘을 눌러 지우고 5 단계에서 복사 한 자바 스크립트 코드를 붙여 넣습니다. 그런 다음 완료를 탭하십시오

그게 다야! 이제 iDevice (iPhone, iPod 또는 iPad)에서 모바일 Safari (및 Chrome)를 사용하여 모든 웹 페이지로 이동하여 책갈피 아이콘을 탭한 다음 페이지 소스 표시 책갈피 를 탭하면 새 창이 열립니다. 웹 페이지. 신나고 쉽다!

HTML 소스 코드를 보는 최종 결과

그리고 물론, 그것을위한 앱이 있습니다!

많은 수동 단계를 거치는 아이디어가 마음에 들지 않으면 App Store에서 작업을 수행하는 몇 가지 앱을 제공합니다! 소스보기, 웹 페이지 소스, 소스 브라우저 및 HTML 소스 코드를 볼 수있는 유사한 앱과 같은 타사 앱을 찾으십시오. 이러한 앱을 사용하면 즐겨 찾는 모든 사이트의 HTML 소스 코드, CSS 및 일부 앱의 모든 Javascript에 액세스 할 수 있습니다. 이러한 앱 중 일부는 iOS 기기 용 Safari 확장 기능을 제공하며 내장 구문 강조 및 검색 기능을 포함합니다!

이러한 앱을 사용하면 소스 코드를 보는 것이 순조로운 1 단계 프로세스입니다. URL을 입력하면 소스 코드를 즉시 확인할 수 있습니다. 또는 응용 프로그램의 Safari 확장을 사용하고 평소처럼 웹을 탐색하십시오. 그런 다음 현재 페이지의 소스를 보려면 동작 아이콘을 누르고 소스보기를 선택하기 만하면됩니다. 다른 앱에서 사용하기 위해 텍스트를 전자 칠판에 쉽게 복사하거나 전자 메일로 보낼 수도 있습니다.