크롬 개발자 도구에서 js 개체의 함수를 호출하는 방법은 무엇입니까?

나는 물체를보고 싶어하고 그래서 콘솔에 로그인 할 말 : 그런 다음크롬 개발자 도구에서 js 개체의 함수를 호출하는 방법은 무엇입니까?

console.log(theNoticeObj);

크롬 개발 도구를 사용하여, 나는 콘솔에서 그것을 검사하고 10px

에 해당 속성 theNoticeObj.bounceHeight 변경

이제 해당 객체에서 NoticeObj.bounce()를 트리거하여 해당 위치를 찾으면 콘솔에서 쉽게 수행 할 수 있습니까?

감사

편집 :

중단 점은 아래의 제안, 그러나 이것은 실행을 정지.

내가 원하는 것은 DOM 요소뿐만 아니라 자바 스크립트 개체와 함께 작동하는 명령 줄 API입니다. 그게 가능하다면 나는 그것을 발견 할 수있을 것이라고 확신한다. Chrome에 대한 기능 요청이 있는지 확인할 수 있습니다. https://developers.google.com/chrome-developer-tools/docs/console#using_the_command_line_api

출처

2013-10-18 Ashley Coolman

console.log 문에 window.tno = theNoticeObject을 추가하십시오. 페이지를 새로 고침하고 콘솔에서 tno.bounce()을 실행할 수 있는지 확인하십시오. NoticeObject가 여전히 범위 내에 있으면이 작업이 유효합니다.

출처

2013-10-18 18:22:57

이전에 내가 해왔 던 것입니다. 실제로 도구 자체에서 그 방법을 찾고있었습니다. 그러나 하나의 방법을 확인하기 위해 upvote 있습니다. –

당신은 우리가 당신이 줄을 찾으면 그

console.log(theNoticeObj);

가정하자 Sources 탭으로 이동이 경우 당신이 재생하려는 코드의 일부가 포함 된 자바 스크립트 파일을 열 수 있습니다, 당신이 할 수있는 이 시점에서 중단 점을 설정하면 프로그램 실행이이 줄에 오면 중단됩니다.

그런 다음 Console 탭을 사용하여 현재 로컬 범위, 창 범위에있는 모든 자바 스크립트 개체에 대한 작업을 수행 할 수 있습니다. 다음 번호로 전화하면됩니다.

theNoticeObj.bounce();

화면의 변경 사항을 반영하여 현재 상황에서 실행됩니다.

희망이 도움이됩니다.

출처

2013-10-18 18:32:09

upvote가 있지만 한 가지 문제는이 작업이 일시 중지된다는 것입니다. 따라서 bounce()는 내가 play를 누를 때까지 실제로 실행되지 않습니다. 대부분의 시나리오에서는 좋지만 화면에서 객체를 찾기 위해 바운스하려고하는 경우이 방법은 효과가 없습니다. 나는 "살아있는"해결책을 찾은 것 같습니다. 나는 내 질문을 기각 할 것이다. –

중단 점을 추가 한 javascript 파일의 실행이 일시 중지되었습니다. 그러나 콘솔에서 실행하는 메소드가 실행되어 변경 사항을 화면에 반영합니다. –

네 말이 맞아! 내 사과, 메서드는 콘솔에서 실행하고 화면의 내용을 변경하지만 실행이 다시 시작될 때까지 표시되지 않습니다. 아주 좋은 질문은 매우 유용한 기능입니다. –

크롬 개발자 도구에서 js 개체의 함수를 호출하는 방법은 무엇입니까?

답변

관련 문제