Sử dụng Firebug với các trình duyệt khác (IE, Opera, Safari)

Đăng bởi Neo trong mục Hướng dẫn vào 11 tháng 3, 2009 | Comments

Mấy hôm thất nghiệp rảnh rang làm cái FireFox addon nghiệm ra cách hoạt động của addon. Thế lại ngồi suy nghĩ: Firebug (hay bất kỳ 1 cái addon nào khác) đã hoạt động được ở FF thì đều có thể hoạt động được ở các trình duyệt khác (hình như liên quan đến javascript mà). Lọ mọ đi download file xpi của Firebug để phá nó ra chơi, vào trang http://getfirebug.com/ để tìm và phá cho mọi người xài với IE.

Chưa kịp phá, kéo xuống tí tìm link thì thấy nó có hướng dẫn hẳn hoi. May quá, đỡ mệt.

Hướng dẫn sử dụng ở đây: http://getfirebug.com/lite.html

Để sử dụng Firebug cho các trình duyệt khác nhau, đầu tiên bạn cần thêm đoạn javascript:

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

Khai báo thêm chiều cao cho Firebug xuất hiện:

<script type="text/javascript">
  firebug.env.height = 500;
</script>

Bạn cũng có thể khai báo riêng file css cho Firebug (Xem thêm trên trang http://getfirebug.com)

<script type="text/javascript">
  firebug.env.css = "/myown/firebug.css"
</script>

Đến đây là đã xong rồi, bạn sẽ thấy Firebug hiện ở IE dở tệ (thật đáng buồn, nhỉ). Hóa ra cái này cũng là do core của IE khác FF nữa. Về cơ bản thì làm CSS cho IE vẫn cần kinh nghiệm nữa Wink)

Have fun ^^!

firebug, css

Bạn có thích bài viết này?

Neo's picture

Neo

Nhìn mặt trời từ năm 1984 nhưng tới tận 2002 mới được thấy cái máy tính đầu tiên của mình. Đầu năm 2007 thì quyết định theo cái nghề cao quý là thiết kế web Big Grin. Hiện mình đang sống tại Hà Nội. Sở thích: làm website và giúp đỡ mọi người phát triển website theo chiều hướng tốt đẹp hơn.

Trang chủ - Twitter

Các bài tương tự