jQuery: print_r() 디스플레이 등가물?

jQuery: print_r() 디스플레이 등가물?

이 질문에는 이미 다음과 같은 답이 있습니다.

마감됨10년 전에.

중복 가능성:
JavaScript 데이터 형식 지정/예쁜 프린터

저는 FireBug에서 포맷되지 않은 json blobs를 보는 것에 약간 싫증이 납니다.

jQuery에 대한 PHP의 print_r()과 동등한 것을 아는 사람이 있습니까?

객체나 배열에서 재귀적으로 표시 문자열을 만들어 페이지에 빠르게 디버깅할 수 있는 것?

감사합니다!

console.log 디버깅할 때 가장 자주 사용하는 항목입니다.

그래도 이걸 찾을 수 있었어요.

반사를 매우 쉽게 사용하여 모든 속성, 방법 및 값을 나열할 수 있습니다.

Gecko 기반 브라우저의 경우 .toSource() 메서드를 사용할 수 있습니다.

var data = new Object();
data["firstname"] = "John";
data["lastname"] = "Smith";
data["age"] = 21;

alert(data.toSource()); //Will return "({firstname:"John", lastname:"Smith", age:21})"

하지만 Firebug를 사용하고 있으니 console.log만 사용하면 어떨까요?

다음과 같은 것은 어떻습니까?

<script src='http://code.jquery.com/jquery-latest.js'></script>

function print_r(o){
return JSON.stringify(o,null,'\t').replace(/\n/g,'<br>').replace(/\t/g,'&nbsp;&nbsp;&nbsp;'); }

또한 할 수 있습니다.

console.log("a = %o, b = %o", a, b);

여기서 a와 b는 객체입니다.

$.each(myobject, function(key, element) {
    alert('key: ' + key + '\n' + 'value: ' + element);
});

이것은 저에게 효과가 있습니다.:)

저는 jQuery 플러그인을 만들었습니다.

<pre>
<?php echo print_r($data) ?>
</pre>

https://github.com/tomasvanrijsse/jQuery.dump 에서 다운로드할 수 있습니다.

상위 주석에는 Firebug용 console.log 문서에 대한 링크가 손상되어 있으므로 여기 콘솔에 대한 위키 기사 링크가 있습니다.저는 그것을 사용하기 시작했고 PHP의 print_r()에 대한 대안으로 꽤 만족합니다.

또한 Firebug를 사용하면 수동으로 기록하지 않아도 반환된 JSON 개체에 액세스할 수 있습니다.

• 콘솔에서 AJAX 응답의 URL을 볼 수 있습니다.
• 삼각형을 클릭하여 반응을 확장하고 세부 정보를 확인합니다.
• 세부 정보에서 JSON 탭을 클릭합니다.
• 확장 삼각형으로 구성된 반응 데이터를 볼 수 있습니다.

이 방법은 데이터를 얻는 데 몇 번 더 클릭하지만 실제 자바스크립트에 추가 사항이 필요하지 않으며 Firebug에서 콘솔 밖으로 초점을 옮기지 않습니다(console.log를 사용하면 Firebug의 DOM 섹션에 대한 링크가 생성되므로 이후에 다시 콘솔로 클릭해야 합니다).

나는 로그를 만지작거리기보다는 검사하고 싶을 때 몇 번 더 클릭하고 싶습니다. 특히 추가 크래프트를 추가하지 않음으로써 콘솔을 깔끔하게 유지하기 때문입니다.

http://phpjs.org/functions/index 을 보고 print_r을 찾거나 firebug와 함께 console.logg를 사용합니다.

언급URL : https://stackoverflow.com/questions/456646/jquery-print-r-display-equivalent