MangVN

https://mangvn.org

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

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...
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