크롬 개발자 도구, 스크립트 태그 안의 검사 함수 사용

Google에서 둘러 보았지만 현재 작업중인 웹 페이지 내에서 dir() 함수를 사용할 수 없다는 것을 알았습니다. 가지고 싶습니다. Firebug를 사용하는 데 익숙해 진 것처럼 디버그 문을 뱉어 내십시오.크롬 개발자 도구, 스크립트 태그 안의 검사 함수 사용

더 명확한 예

내가 원하는 것은 다음을 수행하는 것입니다.

<script> 
a=document.getElementById('gabber'); 
dir(a); 
</script>

그러나 이렇게하면 정의되지 않은 오류가 발생합니다.

2010-03-02 flaxeater

console.dir 나를 위해 작동합니다

이

for (var n in console) { 
    if (typeof console[n] == "function") { 
    console.log(n); 
    } 
}

(필자는 크롬에서 다음을 얻을 :

console.dir(document.getElementById('foo'));

당신은이 같은 콘솔에서 사용할 수있는 모든 기능을 볼 수 있습니다 5.0.322.2 :)

debug 
error 
info 
log 
warn 
dir 
dirxml 
trace 
assert 
count 
markTimeline 
time 
timeEnd 
group 
groupEnd

2010-03-02 16:49:26 Annie

네, 고마워요. 그게 제가 빠진 것입니다. 무리 감사.미안해, 너 한테 줄 수 없어. :( – flaxeater

콘솔에서 찾을 수 있습니다 : 스크립트까지 최고

매우 왼쪽 하단의 콘솔 표시 버튼

을 클릭

2010-03-02 16:42:18

좋아, 내가 원하는 것은 다음과 같습니다. 그러나 이렇게하면 정의되지 않은 오류가 발생합니다. 분명히 markdown은이 작은 코멘트에서 작동하지 않습니까? – flaxeater

@flaxeater - 예를 들어,'console.dir (document);을 사용하는 것을 제외하고는 같은 곳. –

console.log(var)을 사용해 보셨습니까? 객체를 자바 스크립트 콘솔 (Ctrl + Shift + j)에 덤프하면 편안하게 구조를 탐색 할 수 있습니다.

2010-03-02 16:47:36

"jQuerify"--- jQuery를 Chrome Console에 내장 할 수있는 완벽한 확장 기능을 여러분이 상상할 수있는만큼 간단하게 제공합니다. 이 확장은 jQuery가 이미 페이지에 삽입 된 경우에도 무효화됩니다.

이 확장 프로그램은 jQuery를 원하는 페이지에 삽입하는 데 사용됩니다. 콘솔 셸에서 jQuery를 사용할 수 있습니다 ("Ctrl + Shift + j"로 Chrome 콘솔을 호출 할 수 있음).

선택한 탭에 jQuery를 포함 시키려면 확장 버튼을 클릭하십시오.

2010-07-22 10:48:48 Andrey

답변