Android 브라우저에서 소스를 보려면 어떻게합니까?


156

Android 웹 브라우저에서 소스 HTML을 보는 방법이 있습니까?

답변:


69

Javascript의 alert메소드를 사용 하여 소스 코드를 리턴 할 수 있습니다 . 주소 표시 줄에 다음을 입력하십시오.

javascript: alert(document.getElementsByTagName('html')[0].innerHTML);


3
처음에는 javascript : URI 체계가 Android 브라우저에서 작동하지만 2.1 브라우저에서는 작동하는 것 같습니다. 그러나 구문 강조 표시가없고 텍스트를 복사 할 수 없으므로 긴 HTML 페이지에는 그다지 유용하지 않습니다.
Lie Ryan

1
나를 위해 작동하지 않습니다! 에뮬레이터는 항상 http : // 접두사를 추가하고 Google에서 찾을 수없는 사이트를 얻습니다.

1
Android 용 Chrome에는 약 50 줄 정도만 표시됩니다.

Android 용 Firefox에서는 작동하지 않습니다.
Aaron Franke

256

Android의 Firefox 또는 Chrome에서는 주소 표시 줄의 URL 앞에 " view-source:"(예 : " view-source:http://google.com") 를 붙여서 소스를 볼 수 있습니다 .


4
훌륭한 솔루션. 심지어 구문 색상을 생성하고 (최소한 Chrome에서는) 소스 코드를 클립 보드에 복사 할 수 있습니다.
Jpsy

2
들어 안드로이드에 대한 파이어 폭스 추가 기능에 당신이 URL을 때마다 접두사를하지 않고 소스 코드를 볼 수있는이 단지 응용 프로그램 메뉴에서 '소스보기'항목을 클릭하면 현재 열려있는 웹 페이지의 소스 코드를 볼 수 있습니다. 부가 기능은 View Source Mobile
Francisco Alvarado입니다.

6
Bookmarklet으로 :javascript:document.location='view-source:'+document.location;
Benjamin Oakes

3
이 답변은 더 많은 투표를 거쳐 올바른 답변으로 선택되어야합니다.
Fred Thomsen

1
이것은 또한 Linux 및 Windows의 Firefox 및 Chrome, 아마도 macOS에서 작동합니다.
Motte001

29

시장에서 View Web Source 라는 앱을 찾아 설치하십시오.

그런 다음 탐색 할 때 메뉴를 열고 "공유"를 누르고 팝업 목록에서 웹 소스보기를 선택하십시오.


키스 - 당신 ROCK 남자는 .. .. 내 @ss를 저장하지만, 그 도구의 도움으로 내 비디오 그런게 임베딩, 난 코드는 .NET 서버가 포함되지되지 않은 소스에서 볼 수있는 이유를 알아낼을 couldnt

2
응용 프로그램에 연결 : market.android.com/details?id=com.jamesob.vwsource 가 시도했지만 좋아 보입니다. 구문 강조는 없지만 작업을 수행합니다. 소스를 일반 텍스트 상자에 넣으면 텍스트를 쉽게 복사 할 수 있습니다.
GAThrawn

7

이 답변에 언급 된 앱 은 2009 년 이후 업데이트되지 않았습니다.

VT View Source 를 사용해 볼 수 있습니다 .


1
여기에는 구문 강조 표시가 있으며 사용하기가 매우 쉽습니다. 기본 Android 브라우저 및 Chrome에서 작동합니다. Android 용 최신 Firefox에는 자체보기 소스가 있으므로 필요하지 않습니다.
Ezward


5

다음을 사용하여 Mobile Chrome에서 새 책갈피 (책갈피)를 만듭니다.

이름 : 소스보기 (vs)

URL : javascript:document.location='view-source:'+document.location; void(0);

이제 페이지에있을 때 주소 필드를 누르고 입력을 시작하십시오. vs. 북마크릿이 나타나고 클릭하면 준비가됩니다.



3

이것이 디버깅을위한 것이라면 (댓글에서 보는 것처럼 보입니다) 데스크탑에 Firefox 또는 Chrome 용 사용자 에이전트 스위처 확장을 설치하는 것이 더 좋습니다. 사용자 에이전트를 Android로 변경하면 사이트의 모바일 버전을 사용할 수 있지만 모든 소스 및 디버깅 도구가 사용됩니다.


2

에뮬레이터를 사용하는 경우 소스를 셸 또는 텍스트 파일로 캡처 할 수 있으므로 개발에 매우 ​​편리합니다. 이렇게하려면 adb와 함께 제공되는 Android 개발자 도구를 설치해야합니다. 에뮬레이터를 시작한 다음 OS 쉘에서 다음 명령을 실행하십시오.

adb logcat browser:V *:S

그러면 에뮬레이터의 브라우저 앱에서 모든 내용이 출력되고 다른 로그 메시지가 표시되지 않습니다. 거기에서 javascript console.log 명령은 adb에 의해 캡처되어 볼 수 있도록 출력됩니다. 따라서 JQuery를 사용하는 경우이를 페이지에 추가하면 전체 페이지 html이 로그에 출력됩니다.

$(document).ready(function(){console.log($('html').html())});

그러면 페이지의 html 태그 내의 모든 내용이 로그에 출력됩니다.

다음을 사용하여 로그 출력을 캡처 할 수 있습니다 (적어도 BASH를 사용하여 다른 쉘과 대화 할 수는 없습니다).

adb logcat browser:V *:S > log.txt

이제 로그의 모든 출력이 log.txt 파일로 덤프됩니다. 이것은 다른 텍스트 문서처럼 검색 할 수 있기 때문에 전체 페이지의 HTML에 유용합니다.

전체가 아닌 페이지의 특정 비트를 잡으려면 JQuery에서 html 태그 대신 페이지의 해당 부분을 지정할 수 있으므로 클래스 / ID가있는 단일 div를 봐야합니다 이와 연관된 (이 예제의 경우 'inspect-me'라는 클래스가 있음) JQuery를 다음과 같이 변경할 수 있습니다.

$(document).ready(function(){console.log($('div.inspect-me').html())});

1
이 잘 작동 할 수 있지만, 문제는 말했다 안드로이드 웹 브라우저에서 -하지 에서 . Firefox에서 Ctrl-U를 누르는 것과 같이 PC를 사용하여 소스를 얻는 것은 훨씬 쉬운 방법입니다.)
Izzy

2

주소 표시 줄에 Opera 브라우저 유형을 사용하는 경우 http 및 기타 항목을 지우고 다음을 입력하십시오.

server:source

연 페이지의 주소에.


당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.