스페이스 인터내셔널(주) 블로그

Firefox에서 플러그인으로 사용하는 fIrebug가 유용하게 사용되고 있습니다.
firebug에 확장기능으로 Google의 Page Speed가 있습니다.

Page Speed는 YSlow와 유사한 확장기능입니다. 또한 Page Speed Activity는
IE 플러그인인 HttpWatch와 비슷하네요.









페이지 속도를 알려고 IE에 HttpWacth를 사용했는데 이젠 따로 열어서 확인할 필요가
없을거 같습니다.

 Firefox를 사용하면서 html,css,js를 확인하기 위해서 사용했던 플러그인인데 많은 기능중에 사용할줄 아는거라곤 html구조확인,css를 어떻게 사용했나? 머 이런것만 했던것 같다

아래 learboth(웹표준을 알리는 사람들의 모임)에서 이거껏 어떻게 사용해야하는지 몰랐던 Firebug의 기능들에 대해서, 또한 Firebug에 확장기능들을 상세하게 설명하여서 소개합니다.

단순히 html,css구조를 알기 위해 사용했던 파이어버그가 이렇게 많은 것들을 처리하고 디버깅까지 할 수 있다는게 신기합니다.

초보 UI개발자를 위한 파이어버그 가이드

스페이스 인터내셔널(주)은 Internet Explorer를 제외한 타 브라우저에서도 키보드 보안 기능을 지원하는 제품을 출시하였습니다.

Easykeytec Web은 기존 Internet Explorer외에 FireFox에만 지원되는 키보드 보안 기능을 Opera, Safari에서도 사용할 수 있게 기능을 확장시켰으며, 특정 브라우저만 지원되어 사용상의 불편과 보안 성능 저하의 피해를 감수해야 했던 사용자들의 보안 환경을 향상시킬 수 있게 되었습니다.

현재 테스트 된 지원되는 브라우저 버전은 아래와 같습니다.

Internet Explorer 6 이상
FireFox 2, 3 버전
Opera 9 버전 이상
Safari 3 버전 이상

IE외의 타 브라우저 지원관련 보도 기사 링크는 여기를 클릭하세요.

EasyKeyTec Web 은 IE 뿐만 아니라 FireFox 도 보안 대상에 적용됩니다.

보안 적용된 FireFox 버전은 2.0, 3.0, 3.1 입니다.

EasyKeyTec 뿐만 아니라, Flash Player, Winamp Plug-in 등 많은 프로그램들이 Plug-in 기능을 사용하고 있습니다.

위 FireFox 의 Plugin 기능들을 어떻게 Build 하여 사용하는지 간단하게 적어보겠습니다.

1. Visualc++|Win32|Win32 Project 의 DLL 위저드를 사용하여 생성합니다.

2. 플러그인 파일명에 앞에는 반드시 "np"로 시작되어야 합니다.

3. Gecko SDK 를 다운받아 설치된 경로를 Include 합니다.
   FireFox 는 Mozilla 의 Gecko 라이브러리를 사용하며, 라이브러리 버전에 따라 FireFox
   버젼도 변경되었습니다. 변경된 라이브러리는 아래와 같습니다.

   FireFox 2.0 -> Gecko 1.8 Library
   FireFox 3.0 -> Getko 1.9.0 Library
   FireFox 3.1 -> Getko 1.9.1 Library (베타 서비스 중)

4. 전처리기에 미리 아래 상수를 정의해 줍니다.
WIN32;_WINDOWS;XP_WIN32;MOZILLA_STRICT_API;XPCOM_GLUE;XP_WIN;_X86_;NPSIMPLE_EXPORTS

5. .def 파일에 Export 되는 함수를 정의해 줍니다.

6. FireFox에서 플러그인에 적용가능하게 하기 위해 ".rc" 파일안에 VALUE "MIMEType", "application/basic-plugin\0" 처럼 적용대상을 추가해줍니다.

7. 아래 샘플 페이지를 보고 참조하여 코딩하도록 합니다.
https://developer.mozilla.org/En/Plugins:_Samples_and_Test_Cases

8. FireFox 페이지를 열어 about:plugins 를 입력하여 설치된 플러그인 정보를 확입니다.

9. embed 태그에 mimetype를 적고 만드신 후 Plug-in이 정상적으로 불러오는지 확인을 합니다.
ex) <embed id="embed1" type="application/basic-pluginn" width=600 height=40>

이상입니다.

현재 사이트에 사용된 자바스크립트를 쉽게 찾아도는 FireFox용 플러그인입니다.

파이어폭스 부가기능 웹 사이트에서 내려 받을수 있습니다.

Obtrusive JavaScript Checker를 설치하면 파이어폭스 하단에 'OJSC'라는 아이콘이 생기고, 이 아이콘을 클릭하면 아래와 같이 현 페이지 어디어디에 자바스크립트가 사용되었는지 붉은색으로 표시됩니다.
좌측하단에는 각 이벤트마다 갯수가 카운팅되어 나타납니다.

붉은 영역에 마우스를 가져가보면 어떤 이벤트가 사용되었는지도 나오고 있습니다.
참으로 유용하게 써먹을수 있을거 같아 포스팅합니다.