JavaScript Scratchpad:

Tính năng Scratchpad mới được nhà phát triển Mozilla tích hợp vào phiên bản Firefox 10, và bây giờ đã kèm theo khả năng đánh dấu các cú pháp, lệnh cần thiết.

Sau khi chọn 1 đoạn mã nào đó, chọn menu Execute > Run, và đoạn mã được lựa chọn sẽ chạy trực tiếp trên tab đang mở.

Web Console:

Thực tế, đây là 1 sự thay thế cho phần Error Console trên các phiên bản trình duyệt cũ – sẽ nhanh chóng được gỡ bỏ hoàn toàn trong những bản Firefox mới.

Phần giao diện điều khiển chính sẽ hiển thị 4 dạng thông báo khác nhau:

• Các yêu cầu, tín hiệu gửi đi trong hệ thống mạng.
• Thông báo lỗi JavaScript.
• Thông báo lỗi CSS.
• Thông báo từ phần Web Developer.

Vậy phần thông báo từ Web Developer là gì? Đây đơn giản chỉ là những tin nhắn được hiển thị ra từ đối tượng window.console. Ví dụ, chúng ta có thể chạy đoạn mã JavaScript window.console.log(“Hello World”); trực tiếp trong Scratchpad để in phần tin nhắn này tới Console. Bên cạnh đó, các nhà phát triển web còn có thể tích hợp chức năng này với JavaScript để cải thiện khả năng debug.

Refresh trang hiện tại, và chúng ta sẽ nhìn thấy các yêu cầu về network được hệ thống tạo ra cũng như nhiều thông báo khác.

Sử dụng ô Search để lọc dữ liệu, nhấn vào 1 request nào đó để hiển thị thông tin chi tiết, cụ thể:

Trong Firefox 10 thì Web Console còn có thể làm việc song song cùng với Page Inspector. Tham số $0 chính là các đối tượng đang được lựa chọn trong bảng Inspector. Do vậy, nếu muốn ẩn đối tượng nào, các bạn chỉ cần chọn và chạy lệnh $0.style.display=”none” trong phần Console.

Nếu muốn tìm hiểu thêm về cách sử dụng Console và các chức năng đi kèm, các bạn hãy truy cập và tham khảo tại website Developer Network chính thức của Mozilla.

Get More Tools:

Bên cạnh đó, tùy chọn Get More Tools sẽ chuyển tới add on Toolbox của Web Developer trên hệ thống website Mozilla Add-Ons, bao gồm rất nhiều tiện ích dành cho lập trình viên, người phát triển ứng dụng web, một số ứng dụng hỗ trợ như Firebug hoặc Web Developer Toolbar.