jQuery : print_r () 동등한 표시?
중복 가능성 :
JavaScript 데이터 형식화 / 예쁜 프린터
FireBug에서 형식이 지정되지 않은 json blob을 보는 데 약간 지쳐 있습니다.
누구든지 jQuery에 대한 PHP의 print_r ()에 해당하는 것을 알고 있습니까?
빠른 디버깅을 위해 페이지에 표시 할 수있는 개체 또는 배열에서 표시 문자열을 재귀 적으로 만드는 것이 있습니까?
감사!
console.log
디버깅 할 때 가장 자주 사용하는 것입니다.
나는 이것을 찾을 수 있었다 jQuery extension
.
매우 쉽게 리플렉션 을 사용 하여 모든 속성, 메서드 및 값을 나열 할 수 있습니다 .
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,' '); }
당신은 또한 할 수 있습니다
console.log("a = %o, b = %o", a, b);
여기서 a와 b는 객체입니다.
이에 상응하는 jQuery 플러그인을 만들었습니다.
<pre>
<?php echo print_r($data) ?>
</pre>
https://github.com/tomasvanrijsse/jQuery.dump 에서 다운로드 할 수 있습니다.
상단 댓글에는 Firebug 용 console.log 문서에 대한 깨진 링크가 있으므로 여기 에 Console에 대한 위키 문서 링크가 있습니다. 나는 그것을 사용하기 시작했고 PHP의 print_r ()의 대안으로 매우 만족합니다.
또한 Firebug는 수동으로 로깅하지 않아도 반환 된 JSON 객체에 대한 액세스를 제공합니다.
- 콘솔에서 AJAX 응답의 URL을 볼 수 있습니다.
- 삼각형을 클릭하여 응답을 펼치고 세부 사항을보십시오.
- 세부 정보에서 JSON 탭을 클릭합니다.
- 확장 삼각형으로 구성된 응답 데이터가 표시됩니다.
이 방법은 데이터를 가져 오기 위해 몇 번 더 클릭해야하지만 실제 자바 스크립트에 추가 할 필요가 없으며 Firebug에서 콘솔 밖으로 초점을 이동하지 않습니다 (console.log를 사용하면 firebug의 DOM 섹션에 대한 링크가 생성됨). , 나중에 콘솔로 다시 클릭해야 함).
내 돈을 위해 나는 로그를 엉망으로 만드는 것보다 검사하고 싶을 때 두 번 더 클릭하는 편이 낫다. 특히 추가적인 흠집을 추가하지 않고 콘솔을 깔끔하게 유지하기 때문이다.
$.each(myobject, function(key, element) {
alert('key: ' + key + '\n' + 'value: ' + element);
});
이것은 나를 위해 일합니다. :)
이것 좀 봐 : http://phpjs.org/functions/index를 하고 불을 지르고와에서 print_r 또는 사용을 console.log ()에 대한 찾을 수 있습니다.
참고 URL : https://stackoverflow.com/questions/456646/jquery-print-r-display-equivalent
'Programing' 카테고리의 다른 글
Docker가 Dockerfile을 빌드 할 때 RUN npm 설치 지침을 캐시하는 방법 (0) | 2020.11.20 |
---|---|
MongoDB 기본 사용자 및 비밀번호는 무엇입니까? (0) | 2020.11.20 |
HttpWebRequest 클래스가 보내는 원시 HTTP 요청을 어떻게 볼 수 있습니까? (0) | 2020.11.20 |
매핑 된 멤버를 제외한 모든 대상 멤버를 무시하는 방법은 무엇입니까? (0) | 2020.11.20 |
delayed_jobs vs resque vs beanstalkd? (0) | 2020.11.20 |