자바 스크립트 함수를 사용하여 템플릿 HTML을 사용하지만 자바 스크립트가 처리되는 위치를 알지 못합니다.HTML 이벤트의 Chrome 디버그 자바 스크립트
제발 도와주세요.
<onclick="moveIconClick()"></> (이 기능은 어디 그것이 알고 있지만하지 않는 실행됩니다 볼 수 있습니다)
덕분에, 나는 자바 스크립트 파일에서이 기능을 검색하고이를 발견했습니다.
Ctrl 키 + 시프트 + F
또는 Mac에서을 :
사용이 짧은 컷은 크롬 창에서
에서 문자열을 찾을 수 있습니다
CMD + 옵션 + f
그런 다음 moveIconClick을 입력하면 도움이됩니다.
여기에 관련 답변이 있습니다. "How to search all loaded scripts in Chrome Developer Tools?" 마지막 답변입니다. :)
이유를 알 수 있습니까? –
문자열이 함수가 아닙니다. –
그러면 functoin이 어디서 나옵니까? 나는이 녀석의 기능을 찾기 위해 이것을 사용했다. 그리고 그것은 작동합니다! @reenleedr –
이 답변으로 보이지 않을 수 있지만 이것은 당신이 알고 싶은 것입니다 : 당신은 페이지의 소스 코드를 볼 필요가
. 함수는 HTML 페이지에 직접 쓰여질 수도 있고, 페이지의 헤드 부분에서 일반적으로 수행되는 다른 js 파일에서 가져올 수도 있습니다.
디버깅 목적을 위해이 실제로 좋은 대답이라고 인정합니다. 죄송합니다 내 의견을 삭제했습니다. –
@TomRedfern 하하는 문제가없는 사람입니다. – doniyor
을 "HTML에서 JS를 사용하는 방법", 당신은 크롬 콘솔을 사용할 수 있으며 당신이 그것에 필요한 인쇄에 대해 자세히 알아보십시오. 또한 리소스로 이동하면 해당 템플릿에서 현재 사용되는 스크립트를 찾을 수 있습니다.
크롬을 사용하는 경우 Ctrl + Shift + i을 누른 다음 웹 검사기에서 Ctrl + Shift + i을 누릅니다. 검색 moveIconClick, 결과를 표시합니다. Esc을 치면 검색 콘솔이 닫힙니다. 또는 모든 브라우저에서 마우스 오른쪽 버튼을 클릭하고 "요소 검사"를 선택하면 웹 속성이 나타납니다. 텍스트를 검색 할 수 있습니다. 이벤트를 디버그하고 싶다면 inspetor의 'Sources'탭에 중단 점을 넣을 수 있습니다.
은 모든 js 파일에서 "moveIconClick"함수 이름 만 검색하면됩니다. – shabeer
외부 JS 내부에있을 수도 있습니다. –
함수 이름을 알고 정의 된 위치를 찾고 싶다면 @tyler.z.yang이 제안한대로 devtools에서 소스를 검색 할 수 있지만 확실히 능력이 있습니다 편집기 또는 IDE에서 여러 파일을 검색 할 수 있습니다. –