Hướng dẫn cài đặt, sử dụng addon web developer toolbar cho firefox

Web developer toolbar là gì ?

• Addon web developer toolbar là công cụ hỗ trợ mạnh mẽ giúp cho dân thiết kế web và chuyên viên seo giúp cho họ phân tích đánh giá web có những thành phần, nội dung, … như thế nào được thứ hạng tốt trong công cụ tìm kiếm.

Tính năng của addon web developer toolbar:

Disable

Cookies

CSS

Froms

Images

Information

Miscellaneous

Outline

Resize

Tools

View source

Options

Standards Compliance Mode

CSS error

JavaScript Errors

Hướng dẫn cài đặt addon web developer toolbar cho firefox

B1: Mở trình duyệt firefox , tìm kiếm với từ khóa “web toolbar”  hoặc truy cập vào https://addons.mozilla.org/en-US/firefox/addon/web-developer/

B2: Cài đặt

Click vào Add to Firefox 

Quy trình cài đặt bắt đầu

Click vào install

Thanh addon web developer 

Hướng dẫn sử dụng addon web developer cho firefox

B1: Truy cập vào trang web bạn muốn dùng công cụ web developer toolbar 

B2: Chọn thông tin bạn muốn tìm hiểu

• Disable 

Disable Cache

Disable DNS Cache

Disable Java

Disable JavaScript

Disable Meta Redirects

Disable Minimum Font Size

Disable Page Color

Disable Popup Blocker

Disable Proxy

Disable Referrers

• Cookies

Disable Cookies

Add Cookie…

Delete Domain Cookies

Delete Path Cookies

Delete Session Cookies

View Cookie Information

• CSS

Disable Style

Add User Style Sheet…

Display Style Information

Display Style By Media Type

Edit CSS

Reload Linked Style Sheets

Use Border Box Model

View CSS

• Forms

Clear From Fields

Clear Radio Buttons

Convert Form Methods

Convert Select Elements To Text Inputs

Convert Text Inputs To Textareas

Display Form Details

Display Passwords

Enable Auto Completion

Enable Form Fields

Expand Select Elements

Make Form Fields Writable

Outline Form Fields Without Labels

Populate Form Fields

Remove Maximum LengthsToggle Checkboxes

View Form Information

• Images

Disable Images

Display Alt Attibutes

Display Image Dimensions

Display Image File Sizes

Display Image Paths

Find Broken Images

Hide Background Images

Hide Images

Make Images Full Size

Make Images Invisible

• Information

Display Abbreviations

Display Access Keys

Display Anchors

Display ARIA Roles

Display Div Dimensions

Display Div Order

Display Element Information

Display Id & Class Details

Display Link Details

Display Object Information

Display Stack Levels

Display Tab Index

Display Table Depth

Display Table Information

Display Title Attributes

Display Topographic Information

Find Duplicate Ids

View Anchor Information

View Color Information

View Document Outline

View Document Size

View Javascript

View Link Information

View Meta Tag Information

View Page Information

View Response Headers

• Miscellaneous

Clear Private Data

Display Hidden Elements

Display Line Guides

Display Page Magnifier

Display Ruler

Edit HTML

Linearize Page

Make Frames Resizable

• Outline

Outline Block Level Elements

Outline Custom Elements…

Outline Deprecated Elements

Outline External Links

Outline Floated Elements

Outline Frames

Outline Headings

Outline None-Secure Elements

• Resize

Display Window Size

Display Window Size In Title

Resize Window…

1024x768

Edit Resize Dimensions…

View Responsive Layouts

• Tools

Validate CSS

Validate Feed

Validate HTML

Validate Links

Validate Section 508

Validate WAI

Edit Tools…

Display Page Validation

• View Source

View Frame Source

View Source

Edit View Source With Applications… 

• Options

Pin Feature

Active Feature

Options…

Help…

About…

• Bạn đang lo lắng vì vốn tiếng anh của mình quá ít, bạn đừng lo lắng chỉ cần bạn làm theo những bước hướng dẫn sử dụng addon web developer toolbar cho firefox (tương tự google chrome ), bạn click vào chức năng addon mà mình chưa biết và xem chuyện gì xảy ra .Thế là bạn giỏi rất nhanh