Android 웹 브라우저에서 소스 HTML을 볼 수 있는 방법이 있나요?
새로 만들고 책갈피(북마크)에서 모바일 크롬으로:
이름: 소스 보기는(vs)
URL:
javascript:문서입니다.location='보기-출처:'+문서입니다.위치;void(0);
지금 할 때 페이지에서,주소를 누르십 필드를 입력:대 북마클릿이 나타납,그것을 클릭하면 당신은 준비가되어 있습니다.
크롬에서,거기에 디버깅을 원격 시설입니다. 을 설치하는 경우 Chrone 니다. 에 연결할 경우 귀하의 전화를 통 usb 을 PC,당신이 볼 수 있습니다 Javascript 수정된 소스에 귀하의 PC 에서 Chrome 브라우저입니다.
의 끝 부분을 참조하십시오 http://eclipsesource.com/blogs/2012/08/14/debugging-javascript-on-android-and-ios/
에뮬레이터를 사용하는 경우 소스를 셸이나 텍스트 파일로 캡처할 수 있어 개발에 매우 편리합니다. 이렇게 하려면 adb와 함께 제공되는 안드로이드 개발자 도구를 설치해야 합니다. 에뮬레이터를 실행한 다음 OS의 셸에서 명령을 실행합니다:
adb logcat browser:V *:S
그러면 에뮬레이터에서 브라우저 앱의 모든 내용이 출력되고 다른 로그 메시지는 표시되지 않습니다. 그러면 모든 자바스크립트 콘솔 로그 명령이 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())});
를 사용하는 경우에는 오페라 브라우저 유형이 귀하의 주소 표시줄에 있는지 확인을 지우고 http 및 기타 물건,다음 유형:
server:source
에서 페이지의 주소는 당신이 열립니다.
을 보려면 소스에 안드로이드의 브라우저로 페이지 검사 페이지에 사용할 수 있습이 https://developer.chrome.com/devtools/docs/remote-debugging 그것의 아주 좋은 관리자