Mike Wilcox씨가 Dojo를 위한 Firebug Lite에 대한 글을 작성하고 그것이 어떻게 console.log()를 뛰어넘었는지를 보여주었습니다.

꽤 그럴 듯 해보이는 것 같습니다. ^^
사용자 삽입 이미지

Dion씨는 DOM Inspector 가 가장 흥미로웠다고 하는군요.
사용자 삽입 이미지


from Dojo Firebug Lite: Beyond console.log on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 0
IE를 버전별로 테스트하는 것은 짜증나고 힘든 일입니다. Microsoft가 Windows에 여러 버전의 브라우저를 사용할 수 없도록 했기 때문이죠. 물론, 이런 제한을 우회할 해결책이야 찾으면 있습니다만, 경험상 늘 예기치 않은 결과를 가져오고 불안정하거나 VM을 실행해야합니다. 좋진 않죠.

IE 디버거 중 하나인 DebugBar를 만드신 Jean-Fabice RABAUTE 씨가, IETester 라 부르는 괜찮은 해결책을 제시했습니다. 이것을 이용하면 Vista와 XP에서의 IE8 beta 1, IE7, IE6, IE5.5의 렌더링과 JavaScript 엔진을 한 프로세스 안에서 테스트할 수 있도록 해줍니다.
사용자 삽입 이미지
동영상도 함께 보세요.

ScreenCast IETester from WebInventif.fr on Vimeo.

from Testing IE Versions Just Got a Little Easier on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 0
Firebug 1.2 beta 가 릴리스 되면서 FF3RC1 을 지원하게 되었습니다. 보다 잘 동작하게 되었다거나 성능이 좋아지거나 내부적으로 재설계된 것이 대부분인 것 같습니다.

중요한 점이 있다면 UI가 활성화되지 않으면 디버거도 동작하지 않아 부하를 줄이게 됐다는 것입니다. 비단 디버거 뿐만 아니라 HTML, CSS, DOM 등도 UI가 활성화 될 때만 같이 활성화되고, Script, Net 등의 패널은 "처음엔 사용하지 않음" 혹은 "항상 사용함"으로 설정할 수 있습니다.

위 기능 때문에 허용할 사이트(Allowed Sites)와 같은 기능은 사라지게 되었습니다.

from Firebug 1.2 beta for Firefox 3 RC 1 on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 0
사용자 삽입 이미지
Opera에서 새로운 멋진 웹 디버깅 툴 Opera Dragonfly가 알파버전으로 릴리스 됐다고 합니다.

JavaScript 디버깅, CSS와 DOM 조사(inspect), 에러 보기 - Opera Dragonfly는 Opera를 사용한 개발을 컴퓨터나 모바일 전화기에서나 한층 쉽게 만들어줍니다.

Shawn Lauriat씨가 관련된 이야기에 대해 글을 썼습니다.

기능

  • 단계별 중단점 설정: Opera Dragonfly의 풍부한 기능을 갖춘 JavaScript 디버거는 복잡한 Ajax 응용프로그램을 보다 쉽게 작성하도록 합니다. 코드를 줄 단위로 실행하며, 중단점을 설정할 수 있습니다. 이를 이용해 설계한 대로 스크립트가 잘 동작하는지 확인할 수 있습니다.
  • 스타일 재정의: 조사할 수 있는 것은 DOM 만이 아닙니다. 엘리먼트에 어떤 CSS가 적용되었는지, 무엇을 상속받았는지 혹은 브라우저에 의해 기본값으로 설정된 것은 무엇인지 확인할 수 있습니다. 재정의된 규칙은 강조되므로 어떤 스타일이 적용되고 어떤 스타일이 적용되지 않았는지 알 수 있습니다. CSS 규칙 편집 기능은 다음 버전에서 추가될 것입니다.
  • 에러 검출: 개선된 오류 콘솔은 스크립트에서 발생한 오류 기록을 보거나 필터링 할 수 있으며, 에러가 발생한 정확한 위치를 가리킵니다. 사이트의 버그를 찾아내고 수정하는데 다른 툴과 이를 조합해서 사용하세요.
  • DOM 디버깅: 소스 보기는 DOM을 대체하는 DOM스크립팅을 사용할 때 유용하지 않습니다. Opera Dragonfly는 업데이트된 DOM 및 모든 프로퍼티를 조사할 수 있습니다. DOM 편집 기능은 다음 버전에서 추가될 것입니다.

몇몇 기능들은 아직 포함되지 않았으나 곧 포함될 예정입니다. 이를 테면, CSS, JavaScript, DOM 편집 지원, 단일창 모드, 개선된 JavaScript 스레드 핸들링, XHR과 HTTP 모니터링, 개선된 키보드 네비게이션, 여러 언어로 번역 등이 있습니다.

Firebug는 이제 웹 브라우저 디버거들의 기준이 되어버린 느낌입니다. 무료로 사용할 수 있는 Firebug 수준의 디버거들이 여러 브라우저에서 늘어나기만 한다면 정말 대환영일 것 같습니다. Dragonfly가 제 역할을 해준다면 이제 사파리하고 IE만 남았군요.

from Opera Dragonfly : New Web Tooling on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 0

이벤트 호환성 표

2008.05.07 00:30 from [IT] Web Tech

PPK 씨가 이벤트 등록 모델(traditional, W3C and Microsoft)과 이벤트 버블링 및 캡쳐를 테스트한 이벤트 호환성 표를 공개했습니다.

다양한 브라우저의 quirks 모드에 대한 많은 데이터가 있습니다.

이벤트 호환성 테이블

이벤트 호환성 테이블


from Events Compatibility Tables on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 0
from Pi.Debugger: Cross browser debugging on Ajaxian

Azer Koçulu 씨가 pi.comet 에 새로운 크로스 브라우저 디버거인 pi.debugger를 추가했습니다.

언뜻 보기엔 Firebug 처럼 보입니다.

사용자 삽입 이미지


오픈소스 프로젝트이므로 직접 가시면 다운로드가 가능합니다.
Posted by 행복한고니 트랙백 0 : 댓글 0
원본글 : Browser CSS float error detection with jQuery

Ormigo의 Mario Heiderich 씨가 jQuery를 기반으로 클리어 됐어야 하지만 그렇지 못한 엘리먼트에 오렌지색 점선을 더하고 floating 에러를 찾아내는 코드 조각(snippet)/북마클릿을 만들었습니다.

복잡한 레이아웃을 만들고 편집할 때 꽤 도움이 될 것 같다는 의견입니다.
Posted by 행복한고니 트랙백 0 : 댓글 0
원본글 : Help Debug Firebug

Firebug

Firebug



Firebug의 1.2 alpha 버전이 나왔습니다. 여전히 테스트 중이라 보다 많은 관심이 필요합니다. 써보고 리포팅도 좀 해달라고 그러네요.

Posted by 행복한고니 트랙백 0 : 댓글 0