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

  Ý kiến bạn đọc

Những tin mới hơn

Những tin cũ hơn

Những tính năng của NukeViet CMS 4.0

Giới thiệu chung Mã nguồn mở NukeViet là sản phẩm của sự làm việc chuyên nghiệp: Để xây dựng lên NukeViet 4, đội ngũ phát triển đã thành lập công ty VINADES.,JSC. Trong quá trình phát triển NukeViet 4, VINADES.,JSC đã hợp tác với nhiều đơn vị cung cấp hosting trong và ngoài nước để thử nghiệm host,...

Thăm dò ý kiến

Bạn biết gì về NukeViet 4?

Thống kê truy cập
  • Đang truy cập149
  • Máy chủ tìm kiếm4
  • Khách viếng thăm145
  • Hôm nay35,986
  • Tháng hiện tại761,454
  • Tổng lượt truy cập40,035,113
  • Microsoft Edge chính thức chuyển sang nền tảng Chromium, sẽ ra mắt trong năm 2019

    Không còn là tin đồn nữa, Microsoft vừa qua đã chính thức xác nhận sẽ chuyển trình duyệt Edge sang nền tảng Chromiumtương tự như Chrome của Google. Sự chuyển đổi này sẽ được hoàn tất vào năm 2019 và hứa hẹn sẽ đem lại trải nghiệm tốt hơn cho người dùng.
  • FireFox ra mắt phiên bản 63 với tính năng Content blocking giúp chặn theo dõi toàn diện

    Trình duyệt Mozilla Firefox 63 được tung ra kèm với tính năng Enhanced Tracking Protection để chặn cookie của bên thứ 3. Đáng chú ý là tính năng này được kích hoạt mặc định và ngay lập tức tất cả các nút mạng xã hội tích hợp lên website, các mã quảng cáo, mã thống kê truy cập... đều bị chặn.
  • Hướng dẫn kích hoạt reCaptcha trên NukeViet

    reCAPTCHA là công cụ hữu ích phòng chống SPAM được cung cấp bởi google. Ngày nay, đã và rất nhiều website sử dụng reCAPTCHA, không nằm ngoài nhóm đối tượng đó, các nhà phát triển đã tích hợp reCAPTCHA kể tư phiên bản NukeViet 4.1.01
  • Thông báo phát hành NukeViet 4.3.04

    NukeViet 4.3.04 tiếp tục là bản tiếp theo của thế hệ NukeViet 4.3. Ngoài các cải tiến về hệ thống, phiên bản này còn là bản cập nhật quan trọng để sửa lỗi bảo mật của thế hệ NukeViet 4.x
  • Hướng dẫn Fix lỗi bảo mật của NukeViet 4.x

    Ban quản trị NukeViet thông báo: các phiên bản NukeViet 4 (< 4.3.04) hiện tại đang chứa lỗi bảo mật. Đề nghị các bạn thực hiện tải bản vá cho website của mình. Lỗi này được Zepto Team phát hiện, và bạn hungnguyenmz thông báo cho ban quản trị ngày 14/11/2018. Đội code NukeViet đã hoàn thành vá lỗi, bản vá được phát hành vào ngày 15/11/2018 cho tất cả các phiên bản chính thức của NukeViet 4.x
  • Hướng dẫn cài đặt NukeViet lên Hostinger

    NukeViet là một CMS mã nguồn mở được viết bằng PHP và sử dụng MySQL làm hệ quản trị cơ sở dữ liệu. Nukeviet được phát hành từ năm 2004 và vẫn giữ vững là một trong các CMS tốt nhất cho người Việt. NukeViet phù hợp cho việc tạo blog cá nhân, site tin tức, báo mạng, website giới thiệu doanh nghiệp.
  • NukeViet đồng hành cùng Hacktoberfest Hanoi

    NukeViet sẽ đồng bảo trợ cho sự kiện Hacktoberfest Hà Nội. Tuy nhiên tất cả các thành viên trong cộng đồng NukeViet ở khắp nơi trên thế giới đều có thể tham gia
 
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