Trình kiểm tra ngữ cảnh xếp chồng CSS trong Chrome với OffiDocs

MÔ TẢ

Bạn đã bao giờ thử sử dụng thuộc tính z-index chưa, chỉ để biết rằng, cho dù bạn đặt nó cao đến mức nào, nó cũng không hoạt động như mong đợi? Đó là bởi vì thuộc tính z-index dựa trên một khái niệm ngầm được gọi là "bối cảnh xếp chồng".

Sau khi tra cứu chúng là gì và cách chúng hoạt động (thông tin bạn có thể tìm thấy trên MDN), bạn có thể sử dụng tiện ích mở rộng devtools này để kiểm tra các ngữ cảnh này và khắc phục mọi sự cố về chỉ mục z mà bạn có thể gặp phải.

Tiện ích mở rộng này sẽ thêm một bảng điều khiển mới sẽ hiển thị ngữ cảnh xếp chồng trong chế độ xem dạng cây và cũng sẽ nối thêm một thanh bên mới vào bảng thành phần với một số thông tin hữu ích về thành phần đã chọn.

Để kiểm tra tài liệu chuyên sâu, vui lòng tham khảo trang github: https://github.

com/andreadev-it/stacking-contexts-inspector Nếu bạn muốn báo cáo sự cố hoặc đưa ra yêu cầu tính năng, vui lòng sử dụng phần Sự cố trong kho lưu trữ github đã nói ở trên.

THAY ĐỔI: • v.

1.1.13 - Đã chuyển sang tệp kê khai v3. Đã thêm chỉ mục z vào sidepan của bảng điều khiển ngữ cảnh xếp chồng.

• v.

1.1.12 - Đã sửa lỗi không phát hiện thấy các thuộc tính có tiền tố của nhà cung cấp khi kiểm tra ngữ cảnh xếp chồng.

• v.

1.1.11 - Đã thêm giá trị chỉ mục z vào phần "Chi tiết ngữ cảnh" trong thanh bên.

• v.

1.1.10 - Đã xóa yêu cầu quyền không cần thiết để tuân thủ Chính sách bảo mật CWS.

• v.

1.1.9 - Đã triển khai kiểm tra nút DOM ngữ cảnh trong iframe và shadowDOM.

Giờ đây, tiện ích mở rộng cũng hoạt động trên các tệp cục bộ (tệp: /// lược đồ).

• v.

1.1.8 - Đã thêm cảnh báo khi trang thay đổi, hỗ trợ cho DOM bóng và cài đặt cơ bản.

• v.

1.1.7 - Sửa lỗi phong cách nhỏ.

Bây giờ nó cũng có sẵn trên Firefox do một số thay đổi nhỏ về mã.

Làm sạch mã.

• v.

1.1.5 - Đã sửa lỗi liên quan đến quá trình chuyển đổi mô-đun css (công cụ quay vòng không theo kiểu).

• v.

1.1.4 - Đã thêm chủ đề tối (trước đây không sử dụng được khi bật chủ đề tối).

• v.

1.1.3 - Đã sửa lỗi điều hướng trang.

• v.

1.1.2 - Đã thêm hỗ trợ cho các iframe không có thuộc tính "src" (một số iframe có "src" có thể hoạt động nhưng không nên như mong đợi).

Ngoài ra, chỉ báo tải cũng đã được giới thiệu trong thanh bên (bảng thành phần) và thanh bên hiện có nút "làm mới ngữ cảnh" của riêng nó.

• v.

1.1.1 - Đã sửa lỗi trong đó các bối cảnh tĩnh được tạo bởi cha mẹ của chúng có màn hình uốn cong hoặc lưới không được phát hiện.

• v.

1.1.0 - Giờ đây, tiện ích mở rộng hoạt động trên các tab đã được mở khi cài đặt.

- Trình đơn ngữ cảnh nhấp chuột phải đã được thay thế bằng các nút ngữ cảnh vì nó không hoạt động chính xác (có thể bổ sung lại trong tương lai).

- Bây giờ trang cây ngữ cảnh sẽ hiển thị chỉ báo tải khi ngữ cảnh xếp chồng mất nhiều thời gian để tải.

- Về phía nhà phát triển, tất cả mã đã được chuyển sang preact, đây là bước đầu tiên để biến nó thành mã nguồn mở.

• v.

1.0.1 - Thay đổi nhỏ về khả năng truy cập và chỉnh sửa trực quan.

Thông tin thêm:

- Cung cấp bởi Andrea Dragotta
- Đánh giá trung bình : 3.92 sao (thích nó)
- Nhà phát triển Địa chỉ email này đã được bảo vệ từ spam bots. Bạn cần kích hoạt Javascript để xem nó.

Trang web trình kiểm tra ngữ cảnh xếp chồng CSS extension tích hợp với OffiDocs Chromium Trực tuyến