firebug_javascript 기술을 디버깅할 때 console.log를 사용하는 javascript 메소드

console.log();

console.log() 함수를 사용할 때 다음 Firebug를 열어야 합니다. 그렇지 않으면 이 함수가 유효하지 않으며 Firefox로 실행될 경우 일반 프로그램에 영향을 미칩니다. IE를 사용하면 뭔가 잘못될 것입니다.


첫 번째 매개변수는 형식이 지정된 자리 표시자 출력을 포함하는 문자열일 수 있습니다. 예:

console.log("The %s jumped over %d high tables" , Animal, count) ;

형식 문자열 유형
%s 문자열
%d, 정수
%i(숫자 유형은 아직 지원되지 않음)
%f 부동 소수점 유형(숫자 유형은 지원되지 않음) 아직)
%o 링크 객체

console.log() 사용법

코드 복사 코드는 다음과 같습니다.

< ;meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
script type="text/javascript">
/*
console.log는 원래 Firefox의 "특허"였습니다. 엄밀히 말하면 Firebugs를 설치한 후의 독특한 디버깅 기능입니다.
IE8은 이 트릭을 배웠지만 Firebugs보다 사용하기가 더 까다롭습니다. Console.log는 디버깅 창(F12)이 열려 있을 때만 결과를 생성할 수 있으며, 그렇지 않으면 오류가 보고됩니다.
오늘 저는 Opera에도 잠자리라는 도구가 있다는 것을 봤습니다. 이 도구를 사용하여 DOM을 보는 것은 Firebug와 비슷합니다. 그러나 console.log는 여전히 사용할 수 없습니다. 그래서 누군가 다음 두 줄의 코드를 제공했습니다.
console.log || (console.log = Opera.postError)
위의 코드는 다음과 같습니다. 코드가 작동합니다.
이 시점에서 Firefox/IE/Opera는 모두 console.log를 사용할 수 있습니다.
물론 IE 및 Opera의 console.log는 Firebugs의 원래 console.log에 비해 여전히 너무 단순합니다. 예를 들어 매개변수가 객체 또는 배열인 경우 더 이상 표시 기능이 없습니다.
*/
//변수
var i = '나는 문자열입니다';
console.log('Variable:',i)
//Array
var arr = [1,2,3,4,5];
console.log('array:',arr)
//Object
var obj1 = {
key1 : 'value1',
key2 : '값2',
key3 : '값3'
}
var obj2 = {
key6 : '값4',
key5 : '값5',
key4 : '값6'
}
var obj3 = {
key9 : '값7',
key8 : '값8',
key7 : '값9'
}; >console.log('Object:',obj1);
//객체 배열
var objArr1 = [obj1,obj2,obj3]
var objArr2 = [[obj1],[obj2],[ obj3]];
console.log('객체 배열 1:',objArr1);
console.log('객체 배열 1:',objArr2)
/*
출력:
변수: 나는 문자열
배열: [1, 2, 3, 4, 5]
객체: 객체 { key1="value1", key2="value2", key3="value3"}
객체 배열 1: [객체 { key1="value1", key2="value2", key3="value3"}, 객체 { key6="value4", key5="value5", key4="value6"}, 객체 { key9="value7", key8="value8", key7="value9"}]
객체 배열 1: [[Object { key1="value1", key2="value2", key3="value3"}], [객체 { key6="value4", key5="value5", key4="value6"}], [객체 { key9="value7", key8="value8", key7="value9"}]]
* /