DivMagic DevTools

Cách sử dụng DivMagic với DevTools

• Mở Bảng điều khiển dành cho nhà phát triển:

  Điều hướng tới bảng điều khiển dành cho nhà phát triển trên trình duyệt của bạn bằng cách nhấp chuột phải vào trang của bạn và chọn 'Kiểm tra' hoặc chỉ cần sử dụng phím tắt

• Xác định vị trí tab DivMagic:

  Khi ở trong bảng điều khiển dành cho nhà phát triển, hãy tìm tab 'DivMagic' nằm bên cạnh các tab khác như 'Elements', 'Console', v.v.

• Chọn một phần tử:

  Điều hướng đến trang web bạn muốn sao chép và sử dụng tab DivMagic trong công cụ dành cho nhà phát triển để chọn và chụp bất kỳ phần tử mong muốn nào.

• Sao chép & Chuyển đổi:

  Sau khi chọn một phần tử, bạn có thể sao chép kiểu của phần tử đó, chuyển đổi phần tử đó thành mã CSS, Tailwind CSS, React hoặc JSX có thể tái sử dụng, v.v. — tất cả đều từ bên trong DevTools.

Nếu tab DevTools không hiển thị trên trình duyệt của bạn, hãy đảm bảo bạn đã bật nó từ cửa sổ bật lên và mở một tab mới rồi thử lại.