Các add-ons Firefox dành riêng cho người thiết kế web

Thứ năm - 15/01/2009 08:36

Các addons được cài.

Các addons được cài.
Firefox không đơn giản chỉ là một trình duyệt, khi được cài thêm các add-ons trên, nó thực sự là một công cụ làm việc dành cho người thiết kế web/ lập trình viên website. Hãy sử dụng để làm việc hiệu quả, dễ dàng hơn.

Sau đây là 12 Firefox extensions nổi tiếng nhất.

  • Firebug
    Đây là một công cụ mà người làm web Phải Dùng, nó có rất nhiều chức năng hay mà một dòng khó nói hết được. Sau đây là 2 bài viết về Firebug.
    +) Firebug - Công cụ hữu ích cho thiết kế website
    +) Ứng dụng Firebug vào việc khảo sát nhằm tăng tốc website
    Đại khái nó là một công cụ cho phép chúng ta xem được thuộc tính của từng phần tử trên web, thay đổi để xem trước, hoặc xem dữ liệu truyền đi truyền về trên mạng (rất hữu ích cho người làm AJAX, hoặc người nào muốn hiểu sâu về HTTP Request như POST hoặc GET). Nếu bạn muốn học HTML hay CSS thì đây cũng là công cụ bạn nên cài vào. Nó còn dùng khi không thể View Selection Source được và muốn xem CSS tương ứng với soure. Ngoài ra còn nhiều chức năng khác nữa, như là cho phép ta thử edit web.Thường thì tôi cũng chỉ cài duy nhất cái Firebug này chứ ít khi dùng những addon khác.
  • FireFTP
    Dùng để upload file lên mạng. Dù bạn có thể dùng các giải pháp khác, như dùng hẳn các FTP software như SmartFTP, FileZilla…
  • ColorZilla
    Công cụ giúp bạn biết được mã màu của chữ hoặc hình trên web.
  • IE Tab
    Dùng chể chuyển qua cách hiển thị của IE một cách nhanh chóng. Nếu bạn thường xuyên phải xem thiết kế web của bạn trên cả IE và FF thì có lẽ nên dùng nó. IE Tab khá tiện dụng nhưng tôi lại ít dùng do nó không phát huy được khả năng của IE developer Toolbar, thay vào đó tôi lại dùng IE View Lite (bấm phải chuột, chọn View in .. IE). Nói thêm về IE developer Toolbar, cái này cũng có những mặt mạnh và yếu so với Firebug, khi nào tôi sẽ phân tích thêm
  • Load Time Analyzer
    Công cụ phân tích thời gian tải xuống, chú ý là Firebug cũng có công cụ gần tương đương…
  • Greasemonkey
    Dành cho những ai thích ngợm Firefox, thay đổi chức năng của nó. (Chú ý: Thử dùng nó với DOM Inspector.)
  • Web Developer
    Đây cũng là một công cụ rất hữu ích. Cái này thêm vào thanh công cụ 1 thanh nữa, thành ra hơi tốn diện tích, chủ yếu tôi cũng dùng vài chức năng của nó như là Outline, Resize, (misc…) Display ruler, Edit CSS.
  • View Source Chart
    Giống như  viewsource thông thường, nhưng hiển thị đẹp hơn.
  • MeasureIt
    Bản thân Web Developer có chức năng tương tự, nó sẽ hiện ra 1 cái thước, cho phép đo kích thước các phần tử trên web.
  • HTML Validator
    Dành cho những ai muốn làm web đúng chẩn web (web standard), tức là đúng theo yêu cầu của DTD (muốn biết rõ DTD là gì thì xin học môn XML). Nó có thể validate được cả HTML gửi về từ server lần HTML trong bộ nhớ sau khi thực thi lệnh Ajax. HTML Validator thì không cần lắm, nhưng cứ cài lên cho nó yên tâm mỗi khi nhìn thấy biểu tượng màu xanh của nó (và validate cũng không có nghĩa là web sẽ giống nhau trên mọi trình duyệt, đương nhiên).
  • Window Resizer
    Nhanh chóng chuyển giao diện web về ứng với các độ phân giải 640×480, 800×600, 1024×768, 1280×1024 và 1600×1200 để bạn kiểm tra web mà bạn thiết kế trên nhiều độ phân giải khác nhau. Chú ý là bản thân Web Developer cũng có công cụ này
  • Aardvark
    Firebug cũng có chức năng tương tự thế này, cho phép chúng ta di chuột qua từng phần tử web thì sẽ thấy được thuộc tính của nó, và thậm chí sửa thuộc tính đó để xem.
Một số Add-ons chụp hình trang Web:
  • Với Screen Grab, bạn có thể chụp hình toàn bộ Website và lưu với định dạng PNG. Add Ons này dung lượng nhỏ gọn, bạn có thể tải dùng miễn phí tại https://addons.mozilla.org/firefox/1146 . Yêu cầu máy phải cài Java Runtime.
  • Tương tự như Screen Grad là Page Saver. Tuy nhiên, Page Saver thì lại không yêu cầu Java. Bạn có thể tải miễn phí tại http://pearlcrescent.com/products/pagesaver .
  • Hơn hẳn hai Add ons là Snagit. Snagit ngoài phiên bản tự chạy không cần cài đặt và phiên bản cho PC nay đã có thêm phiên bản tích hợp trên Firefox. Bạn có thể tải dùng tại http://www.techsmith.com/snagit/accessories/firefox.asp .
  • Add ons này sau khi cài đặt sẽ hiển thị một thanh công cụ trên Firefox. Thông qua toolbar này, bạn có thể sử dụng Snagit để chụp toàn cửa sổ màn hình, web page, màn hình tự chọn hay text. Hình ảnh được lưu dưới nhiều định dạng thông dụng và có thể gởi thông qua file đính kèm, lưu vào clipboards, printer hay email.

Ngoài ra còn 1 số cái tiện nữa như Dust me selector, CSS Viewer...

Tổng số điểm của bài viết là: 5 trong 1 đánh giá

Xếp hạng: 5 - 1 phiếu bầu
Click để đánh giá bài viết

Những tin mới hơn

Những tin cũ hơn

Ủng hộ, hỗ trợ và tham gia phát triển NukeViet

1. Ủng hộ bằng tiền mặt vào Quỹ tài trợ NukeViet Qua tài khoản Paypal: Chuyển khoản ngân hàng trực tiếp: Người đứng tên tài khoản: NGUYEN THE HUNG Số tài khoản: 0031000792053 Loại tài khoản: VND (Việt Nam Đồng) Ngân hàng Vietcombank chi nhánh Hải Phòng. Website:...

Thăm dò ý kiến

Lợi ích của phần mềm nguồn mở là gì?

Thống kê truy cập
  • Đang truy cập70
  • Máy chủ tìm kiếm24
  • Khách viếng thăm46
  • Hôm nay19,251
  • Tháng hiện tại19,251
  • Tổng lượt truy cập114,519,076
Left-column advertisement
  • Thông báo phát hành NukeViet 4.6.00

    NukeViet 4.6.00 là phiên bản tiếp theo của NukeViet CMS dựa trên kế thừa các chức năng của dòng 4.5 và yêu cầu máy chủ hỗ trợ php 7.4 trở lên. Đây cũng là bản cập nhật bảo mật rất quan trọng được khuyến nghị cho toàn bộ người dùng.
  • Thông báo bảo mật dòng NukeViet 4.5.x

    Dòng NukeViet 4.5.x đã bước vào giai đoạn duy trì cuối vòng đời. Trang này ghi nhận liên tục các vấn đề bảo mật và cách chúng tôi xử lý để giữ an toàn cho những website còn ở lại trên dòng 4.5.x đến tháng 7 năm 2027. Chúng tôi vẫn nỗ lực bảo vệ bạn ở mức tốt nhất có thể trên nền tảng này — nhưng nếu có điều kiện, hãy lên kế hoạch chuyển sang phiên bản mới hơn để được bảo vệ tận gốc.
  • Sinh viên ĐH Bách khoa Hà Nội giúp tìm ra lỗ hổng bảo mật của NukeViet

    Nguyễn Quang Bằng, sinh viên năm 4 ngành Khoa học Máy tính tại Đại học Bách Khoa Hà Nội, vừa được nền tảng CMS mã nguồn mở NukeViet vinh danh sau khi phát hiện và báo cáo một lỗ hổng bảo mật nghiêm trọng.
  • Thông báo phát hành NukeViet 4.5.08

    NukeViet 4.5.08 là Phiên bản tiếp theo của dòng NukeViet 4.5, đây là bản cập nhật bảo mật quan trong được đề xuất cho toàn bộ người dùng.
  • Thông tin chính thức về CVE-2025-8772, CVE-2024-36531 và CVE-2024-36528

    Phản hồi chính thức của đội code về các lỗ hổng bảo mật mới của NukeViet CMS được công bố trong năm 2024-2025 và hướng dẫn bảo vệ an toàn cho website của bạn trước các nguy cơ khai thác hoặc tấn công khác.
  • Thông báo phát hành NukeViet 4.5.07

    NukeViet 4.5.07 là Phiên bản tiếp theo của dòng NukeViet 4.5, trọng tâm là xử lý các vấn đề xoay quanh trình soạn thảo CKEditor 5 và tính năng block tùy chỉnh trong giao diện
  • Hướng dẫn tiếp tục sử dụng trình soạn thảo CKEditor 4 trên NukeViet 4.5 các phiên bản từ 4.5.07 về...

    Từ NukeViet 4.5.07 các website cài mới hoặc nâng cấp lên đều được tự động gỡ bỏ CKEditor 4 để đảm bảo tối đa tính bảo mật lâu dài. Nếu bạn có nhiều module hoặc ứng dụng vẫn cần phải dùng nó mà không muốn nâng cấp có thể làm theo hướng dẫn này để tiếp tục sử dụng.
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây