Khám phá thanh công cụ Developer Toolbar của Firefox 16

Vừa được chính thức phát hành cách đây gần một tuần, Firefox 16 có nhiều cải tiến trong đó có một công cụ dành riêng cho các nhà phát triển web là Developer Toolbar giúp nhà phát triển web có thể phân tích, kiểm tra website, thực thi bất kỳ các loại mã JavaScript nào, những yêu cầu và tin nhắn qua HTTP…

Bài viết này sẽ hướng dẫn chi tiết cách sử dụng cũng như cung cấp một số câu lệnh cần thiết dành cho nhà phát triển web trong việc sử dụng công cụ này.

Truy cập công cụ

Để mở thanh công cụ này bạn hãy truy cập trên thanh menu theo đường dẫn Tools/Web Developer/Developer Toolbar hoặc sử dụng phím nóng Shift F2. Lập tức thanh công cụ sẽ xuất hiện ở cạnh dưới cửa sổ Firefox.

Giao diện của thanh công cụ bao gồm khung nhập lệnh, nút Web Console, nút Inspector, nút Debugger.

Dòng lệnh

Thanh công cụ này có một hệ thống dòng lệnh riêng biệt và khá mới lạ, tuy nhiên chỉ qua vài ngày là người dùng có thể dễ dàng nắm bắt được nó, đồng thời Firefox còn hỗ trợ người dùng bằng cách thêm các gợi ý khi người dùng nhập vào một từ khóa liên quan đến dòng lệnh, chẳng hạn khi bạn nhập từ khóa HELP vào khung dòng lệnh thì sẽ xuất hiện thêm trường [search].

Tìm kiếm câu lệnh

Khi mới làm quen với thanh công cụ này, có thể bạn sẽ chưa có một sự trợ giúp cụ thể nào về các câu lệnh, tuy nhiên Firefox cũng phần nào giúp bạn thông qua việc hiển thị một số câu lệnh liên quan bằng cách bấm phím F1 khi con trỏ nằm trên khung nhập lệnh của Developer Toolbar.

Một số câu lệnh

Addon

Cụ thể là các câu lệnh này cho phép bạn thao tác đối với cá addon đã cài đặt trên Firefox như bật/vô hiệu hóa/hiển thị đầy đủ tất cả các addon.

- addon enable: bật một addon từ danh sách.

- addon disable: vô hiệu hóa một addon từ danh sách.

- addon list: hiển thị đầy đủ danh sách addon.

Bạn có thể thêm một chuỗi bổ sung để giới hạn addon mà bạn muốn liệt kê, chẳng hạn như: dictionary, extension, locale, plugin, theme….

Pref

Lệnh này cho phép bạn kiểm tra giá trị của một thiết lập trong Firefox, thông thường để làm điều này bạn phải vào trang about:config để tìm kiếm thiết lập và kiểm tra. Tuy nhiên với thanh công cụ Developer Toolbar mọi việc có vẻ đơn giản hơn, bạn có thể sử dụng ba câu lệnh cơ bản sau:

- pref reset: thiết lập lại giá trị mặc định cho các tùy chọn.

- pref set: thay đổi giá trị của một tùy chọn, cú pháp bao gồm tên của tùy chọn, giá trị muốn thiết lập có thể là True/False, 1/0 hoặc một giá trị số cụ thể.

- pref show: hiển thị giá trị hiện tại của các tùy chọn.

Thay đổi kích thước

Trong Firefox 15, Mozilla đã giới thiệu một công cụ thiết kế cho phép người dùng thay đổi kích thước hiển thị nội dung trang web để kiểm tra khả năng hiển thị của trang web. Để sử dụng tin năng này, bạn sử dụng các câu lệnh sau:

- resize off: tắt chức năng thay đổi kích thước

- resize on: bật chức năng thay đổi kích thước

- resize to: thay đổi kích thước theo kích thước mong muốn. VD: resize to 700 400.

Trên đây là một số câu lệnh đơn giản và cơ bản, nếu bạn là một nhà phát triển web thật sự bạn có thể tìm hiểu thêm trên trang chủ của Mozilla để hiểu nhiều hơn về sự tiện lợi của công cụ này đối với công việc của bạn.

Theo Genk