Forum

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 - 3 bình luận

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 ^^!

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

Bình luận

Khách's picture

vodanh (not verified)

November 18, 2009

noi gi vay ban tu nhien them doan javascrip nay vao nghia la sao them vao dau co chu noi ro hon di ban oi

Neo's picture

Neo

November 18, 2009

có thể thêm vào bất cứ đâu của file html, thường là thêm vào trong thẻ <head></head>

Khách's picture

Khách (not verified)

August 31, 2010

Mỗi trình duyệt sẽ có những plugin riêng để debug html, css. Fire fox thì sài firebug, bên chrome cũng có 1 bản extention firebug.

Xong để debug bên ie mình nghĩ nên sài thằng này: http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4... nó cụ thể dành riêng cho ie củ chuối, túm lại là cố gắng đưa css về dạng thông dụng mà ie hiểu được.

Thật sự blog của bạn cung cấp khá nhiều tài nguyên hay và hữu ích, xong mình nghĩ chưa đến lúc sài và lạm dụng css3, html5 quá mức.

Bởi vì công nghệ web là ngành tiến triển rất chậm, để mọi người đều có thể dùng đa phần browser hỗ trợ tốt css3, html5 thì mình nghĩ cũng còn lâu. Bao giờ mà các máy tính phổ biến mặc định sẽ cài win7 mà phiên bản ie mới nhất hỗ trợ css3, html5 đã.

Vấn nạn ie6 chưa thoát được đâu bạn à, bởi vì còn rất nhiều máy tính mặc định cài window xp và dĩ nhiên họ cũng chả thèm update ie > vẫn phải chiến đấu với ie6 dài dài.

Post new comment

The content of this field is kept private and will not be shown publicly. If you have a Gravatar account, used to display your avatar.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • Textual smileys will be replaced with graphical ones.

More information about formatting options

CAPTCHA
Do tình trạng xì pam nên phiền bạn điền đoạn Captcha dưới (không phân biệt chữ hoa hay chữ thường & không có dấu cách)
s
R
Q
3
z
G
Enter the code without spaces and pay attention to upper/lower case.