Công dụng của Firebug :Tiện ích (Addon) Firefox – Mozilla Add-ons

Tiện ích của firebug!

Các bạn click vào link sau để cài đặt firebug: https://addons.mozilla.org/vi/firefox/addon/firebug/

Nếu như bạn đang là một người đang bán hàng trên mạng internet, hay một nhân viên quản trị mạng. Việc kinh doanh của bạn đều gằn liền với một website,nhưng đôi khi thiết kết giao diện web không làm bạn hài lòng nhưng bạn lại không hề biết về những HTML rắc rối. Bạn phải luôn nhờ đến sự trợ giúp của những designer nhưng vẫn không hài lòng với các thiết kế của họ. Những vấn đề đó luôn khiến bạn phải đau đầu khi nghĩ đến. Vậy câu hỏi đặt ra là làm sao website được thiết kế theo đúng ý mình ?

>> HƠN 200 YẾU TỐ XẾP HẠNG VỊ TRÍ TOP CỦA GOOGLE TẠO RA

 Trước những câu hỏi ấy, giờ đây có một công cụ đơn giản giúp bạn có thể tự do thiết kế website theo ý bạn. Đó chính là firebug – một extension gắn với firefox. Firebug làm cho việc thiết kế web của bạn đơn giản hơn bao giờ hết.

Cho dù bạn có biết về lập trình web hay không khi sử dụng firebug nó sẽ chỉ ra những nơi bạn cần thay đổi giao diện như background…Firebug có thể sử dụng cho blog, javascript coders, và để bất cứ ai viết bất kì loại mã nào cho internet.

 FIREBUG HOẠT ĐỘNG NHƯ THẾ NÀO ?

Firebug có thể cho bạn biết những mã css thật sự của bất cứ trang web nào đang hiển thị trên cửa sổ.Firebug mang lại sự hiệu quả ngay lập tức có nghĩa là bạn sẽ thấy được kết quả ngay sau khi bạn chỉnh sửa giao diện web của mình.Nếu không thích bạn có thể thay đổi ngay một background hay giao diện khác mà không quá khó khăn.

 Khi bạn tải firebug về nó sẽ xuất hiện ngay trên firefox của bạn với hình dạng con bọ nhỏ màu cam như hình

Sau đó, khi muốn sử dụng bạn nhấn đúp vào nó hai lần hoặc dùng phím tắt F21. Ngay sau đó trên trình duyệt firefox của bạn sẽ chia làm hai khung nhỏ,một là giao diện web,hai là bảng html và css, nó bao gồm sáu tab : cosole, html, css, script, dom và net.

Khi dùng firebug để đổi mã mới bạn có thể thấy ngay được sự thay đổi.Nếu thấy hợp bạn bạn copy tất cả mã và past vào tập tin ban đầu.Còn nấu như cảm thấy không vừa ý bạn có thể thay đổi một mã khác mà không mất nhiều thời gian ‘mò’ code.

 Firebug còn có cho bạn xem trước màu sắc mà web đang hiển thị.Nó còn hỗ trợ để dễ dàng chỉ ra chính xác vị trí, padding và marging.

NHỮNG THUỘC TÍNH CỦA FIREBUG CÓ THỂ SỬ DỤNG :

 Đầu tiên, bạn bôi đen thuộc tính, sau đó bạn dùng phím lên/xuống để liệt kê những thuộc tính css được xếp theo thứ tự alphabet.Sau đó bạn mở tab html và nhấn inspect bạn sẽ được dùng chuột trên trang web để theo dõi các thông số sau :

–         Mỗi thành phần sẽ được đóng trong một khung xanh

–         Vùng mã nguồn tương ứng cũng được tô màu xanh

–         Thuộc tính sẽ dược hiển thị trực quan

 Với sự đơn giản trong cách sử dụng firebug đã mang lại sự tiện lợi rất nhiều cho người sử dụng.Bạn có thể thỏa sức sáng tạo,thiết kế trang web theo ý mình mà không cần nhờ đến designer .

 CHÚC CÁC BẠN THÀNH CÔNG!

 NGUỒN : https://daotaoseohp.com/