파이어폭스(파이어버그)에서 javascript 디버깅 하기 JSP&Servlet

1. 파이어폭스 브라우저에서 파이어버그 실행 (없다면 부가기능 추가에서 등록먼저 한다)

2. 스크립트을 누른 뒤 Enabled 선택


3. 이동 할 화면을 URL 입력 후 이동

4. 디버깅을 할 js를 선택 한 후 해당 위치 (라인) 앞에서 마이스 왼쪽버튼을 클릭하여 선택.



5. 페이지를 다시 로딩하면, 위에서 선택한 위치의 구문이 실행시에 실행이 브레이크 된다.




6. 파이어버그의 좌측 화면 위의 5개의 아이콘
  ① 전체 실행
  ② 다음 브레이크 지점까지 실행
  ③ 함수 안으로
  ④ 다음 줄 실행
  ⑤ 함수 밖으로



7. 파이어버그 좌측 화면 위의 3개 탭메뉴와 해당 페이지
  ① 감시 : 현재 메모리상에 있는 Object의 내용 표시
  ② Stack : 실행 함수의 스텍상 위치
  ③ 함수 안으로 : 등록시킨 중단점 정보


IE 6, 7 핵(Hack) CSS

CSS Hack
IE6 이하
* html { … }
IE7 이하 (두가지 동시에 사용)
*:first-child+html { … } * html { … }
IE7에서만
*:first-child+html { … }
IE6 제외한 최신 브라우져 (ex. IE7, Mozila, Opera)
html>body { … }
IE7 제외한 최신 브라우져
html>/**/>body { … }
Comment Hack
<!–StartFragment–><!–[if IE]>
According to the conditional comment this is Internet Explorer
<![endif]–>

<!–[if IE 5]>
According to the conditional comment this is Internet Explorer 5
<![endif]–>

<!–[if IE 5.0]>
According to the conditional comment this is Internet Explorer 5.0
<![endif]–>

<!–[if IE 5.5]>
According to the conditional comment this is Internet Explorer 5.5
<![endif]–>

<!–[if IE 6]>
According to the conditional comment this is Internet Explorer 6
<![endif]–>

<!–[if gte IE 5]>
According to the conditional comment this is Internet Explorer 5 and up
<![endif]–>

<!–[if lt IE 6]>
According to the conditional comment this is Internet Explorer lower than 6
<![endif]–>

<!–[if lte IE 5.5]>
According to the conditional comment this is Internet Explorer lower or equal to 5.5
<![endif]–>


성후의 블로깅 시작!! 이야기

블로깅을 한번 해보려 한다.

과연.. 잘 할 수 있을지..

귀차니즘을 이겨내자!! 아자!!ㅋ

1