NOTICE 
Publisher/WEB2.0 에 해당하는 글 : 2 개
올바른 성장과 따뜻한 나눔이 있는 넥스트리

데꾸벅이 FF를 사용하는 이유 중 하나가 Firebug를 사용할수 있다는 것이다.(너무 과장했나?)
그런데 IE, Opera, Safari에서도 Firebug를 사용할수 있다.

참조사이트 : http://getfirebug.com/lite.html

1. 설치
<script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>

2. 북마크하기
javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.pi&&window.firebug){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);


3. 오프라인에서 사용하기 (소스다운로드)

<script language="javascript" type="text/javascript" src="/path/to/firebug/pi.js"></script>
<script language="javascript" type="text/javascript" src="/path/to/firebug/firebug-lite.js"></script>


4.console.log() 에서 에러가 발생한다면 아래 파일을 다운로드 받은후 다음과 같이 작성한다.

 <script language="javascript" type="text/javascript"  src="/path/to/firebug/firebugx.js"></script>

 
5. Firebug Lite를 사용하려면 마크업에 다음과 같이 표시한다.
<html debug="true">




이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback :: http://techbug.tistory.com/trackback/116
올바른 성장과 따뜻한 나눔이 있는 넥스트리


Ajax 사이트를 개발하다보면 브라우저 버전에 따른 별도의 작업을 해줘야 하는 경우가 발생한다.
실제 현재 투입되어 개발중인 사이트의 경우에도 IE6,IE7에 최적화되게 개발하기로 했지만 실제로 테스트해본결과 Opera9, FF2~3, IE7, IE8Beta 버전에서 더 잘 돌아갔다..
문제는 IE6인데 IE6에서도 Windows 2000 SP1~3, Windows XP SP1,SP2에서는 무리없이 잘 작동되던 스크립트인데 유독 Windows XP SP3 버전의 IE6에서만 오작동하는 경우가 발생했다.
IE6 버전 (WindowsXP SP3)
6.0.2900.5512 xpsp.080413-2111
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)


이놈 하나 때문에 패키징을 다시 해야 되는 경우가 발생되었고 모든 작업을 브라우저버젼별로 분리하여 작업하기란 워낙 까다로운게 아닐수 없다.
그냥 사용자의 브라우저를 IE7로 업그레이드를 시킬수만 있다면 좋을텐데 라는 생각을 많이 하곤 한다.

그러다 찾아 본 사이트가 이곳 푸쉬업(Push up:Pushing up the web) 이다.
자바스크립트와 CSS로 업데이트 날짜가 지난 사용자의 브라우저를 업데이트하라는 경고메세지를 보낼수 있다.


현재지원되는 브라우저 버전
  • Internet Explorer 7+
  • Firefox 2+
  • Safari 3+
  • Opera 9.25+
사용자 삽입 이미지




설치방법은 간단하다
아래 파일을 다운로드 받은후 원하는 페이지소스에다 아래와 같이 입력하면 된다.
(July 27 2008)


<link rel='stylesheet' type='text/css' href='css/pushup.css' />
<script type='text/javascript' src='js/pushup.js'></script>






 
이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback :: http://techbug.tistory.com/trackback/114
 이전  1   다음 

최근댓글
fotowall :: ncloud RSS Feeds today : 20   yesterday : 221
total : 25,049