- Cài đặt
- >
- DevTools
DivMagic DevTools
Bạn có thể truy cập DivMagic trực tiếp từ các công cụ phát triển trên trình duyệt của mình. Phần này sẽ hướng dẫn bạn cách sử dụng tính năng này.
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.
Với việc bổ sung DevTools, chúng tôi đã cập nhật các quyền của tiện ích mở rộng. Điều này cho phép tiện ích mở rộng thêm bảng DevTools một cách liền mạch trên tất cả các trang web bạn truy cập và trên nhiều tab.
⚠️ Ghi chú
Khi bật DevTools Panel từ cửa sổ bật lên của tiện ích mở rộng, Chrome và Firefox sẽ hiển thị cảnh báo cho biết tiện ích mở rộng có thể 'đọc và thay đổi tất cả dữ liệu của bạn trên các trang web bạn truy cập'. Mặc dù cách diễn đạt này đáng báo động nhưng chúng tôi đảm bảo với bạn rằng:
Truy cập dữ liệu tối thiểu: Chúng tôi chỉ truy cập dữ liệu tối thiểu cần thiết để cung cấp cho bạn dịch vụ DivMagic.
Bảo mật dữ liệu: Tất cả dữ liệu được tiện ích mở rộng truy cập vẫn còn trên máy cục bộ của bạn và không được gửi đến bất kỳ máy chủ bên ngoài nào. Các phần tử bạn sao chép được tạo trên thiết bị của bạn và không được gửi đến bất kỳ máy chủ nào.
Quyền riêng tư là trên hết: Chúng tôi cam kết bảo vệ quyền riêng tư và bảo mật của bạn. Để biết thêm chi tiết, bạn có thể xem Chính sách quyền riêng tư của chúng tôi.
Chúng tôi đánh giá cao sự hiểu biết và tin tưởng của bạn. Nếu bạn có bất kỳ mối quan tâm hoặc câu hỏi nào, vui lòng liên hệ với nhóm hỗ trợ của chúng tôi.
Tài nguyên
Công cụ
Điều khoản & Chính sách
© 2024 DivMagic, Inc. Mọi quyền được bảo lưu.