IPhone 및 iPad에서 웹 페이지 소스 코드를 보는 방법

iOS 앱은 아직 개발 기계 그러나 일반적으로 웹 디자이너/개발자의 툴킷에서 iPhone 또는 iPad를 찾을 수 있습니다. 개발자/게시자이거나 페이지의 소스 코드를 보거나 페이지에 배포된 모든 자산을 보려는 사람이라면 일반적으로 컴퓨터에서 수행합니다.

이제 iOS 8에서는 페이지의 소스, 자산 및 DOM 리소스를 훨씬 쉽게 볼 수 있습니다. 확장 기능을 지원하는 멋진 타사 앱 덕분에 Safari에서 바로 실행할 수 있습니다(확장 프로그램이 액세스할 수 있기 때문에 Chrome은 지원되지 않습니다. DOM 사파리에서만).

이동 중에 웹사이트의 소스 코드를 보고 저장하는 데 도움이 되는 두 가지 앱에 대해 이야기해 보겠습니다.

Safari용 소스 확장 보기

소스보기 ($0.99)는 Safari 확장 프로그램이 포함된 간단하고 강력한 앱입니다. 가격은 $0.99이지만 많은 기능이 있습니다.

앱이 설치되면 Safari로 이동하여 공유하다 버튼을 누르고 하단 행을 오른쪽으로 스와이프한 다음 더. 여기에서 토글 소스보기. 이렇게 하면 확장이 활성화됩니다.

iOS 8 확장에 대한 추가 정보: iOS 8 확장 프로그램은 빠르게 강력한 도구. 보세요 그들이 일하는 방식, NS 최고의 공유 확장, 그리고 하나의 확장 프로그램이 Safari를 켜는 데 어떻게 도움이 되는지 본격적인 다운로더로.

이제 페이지로 이동하여 공유하다 버튼을 선택하고 소스보기. 모든 영광에서 페이지의 소스 코드를 볼 수 있습니다. 탭 공유하다 버튼을 눌러 기본 공유 시트를 불러옵니다. 여기에서 코드를 메모 앱으로 보내거나 이메일로 보낼 수 있습니다.

아래에는 자산, DOM, 스크립트 및 정보의 네 가지 버튼이 있습니다.

자산은 페이지의 모든 이미지를 나열합니다. 링크를 눌러 미리보기를 보고 이미지를 저장할 수 있습니다.

NS DOM 버튼을 누르면 HTML, XML 및 SVG 문서의 계층 구조가 있는 트리 모델이 표시됩니다. 요소를 탭하여 확장할 수 있습니다.

NS 스크립트 버튼을 사용하면 모든 페이지(로컬)에서 Javascript를 작성하고 삽입할 수 있습니다. NS 정보 패널은 페이지에 대한 정보를 보여줍니다.

스르카파리

스르카파리 ($0.99)는 소스 보기의 대안입니다. 앱이 이미지, CSS 스타일시트 및 페이지에서 실행되는 스크립트와 같은 소스 코드와 자산을 표시하지만 앱 자체에서 이를 수행해야 합니다. Srcfari에는 Safari 확장 프로그램이 없습니다.

즉, Srcfari를 사용하는 것은 전혀 나쁜 경험이 아닙니다. 이 앱은 멋진 타이포그래피를 가지고 있으며 View Source 앱보다 스크립트, CSS 및 이미지별로 자산을 분류하는 데 훨씬 더 효과적입니다. Srcfari에 대한 한 가지 불만은 CSS 스타일시트에 대한 텍스트 줄 바꿈을 활성화했지만 전체 소스를 볼 때(View Source 앱에서 수행하는) 그렇지 않다는 것입니다. 이것은 적어도 iPhone에서 상당한 양의 이동 및 확대/축소가 포함될 것임을 의미합니다.

그 외에 Srcfari는 일반적인 일입니다. 소스 코드를 클립보드에 복사하거나 다른 사람에게 이메일로 보낼 수 있습니다. 앱을 사용하여 이미지를 저장할 수도 있습니다.

결론

Safari는 아마도 iOS에서 이미 선택한 브라우저일 것입니다(대부분 iOS에서는 Chrome을 기본값으로 선택할 수 없기 때문입니다). 소스 코드를 꽤 자주 볼 필요가 있다면 Safari 확장 기능이 포함된 $0.99 View Source 앱이 그만한 가치가 있습니다.

일반적으로 iPhone 또는 iPad를 사용하여 웹 사이트 문제를 해결합니까? 아니면 그들에게 무슨 문제가 있는지 보기 위해? 아래 의견에 알려주십시오.