Cách xóa tất cả CSS khỏi một trang cùng một lúc

Tôi muốn xem một trang trông như thế nào nếu không có CSS.

Một cách tôi biết là mở DevTools, trong bảng Nguồn, bạn sẽ thấy danh sách các tệp CSS. Bạn có thể xóa nội dung trong tệp CSS trong đó và trang sẽ thay đổi. Ví dụ đây là của tôiĐịa điểm.

Nó có 3 tệp CSS và tôi có thể xóa toàn bộ nội dung của một tệp:

và đây là những gì sẽ xảy ra, trang thay đổi vì chúng tôi đã xóa CSS:

Lưu ý rằng điều này chỉ thay đổi phiên bản CSS của trình duyệt, không tương tác theo bất kỳ cách nào với tệp của bạn, ngay cả khi tệp cục bộ

Nhưng một số trang web ngày nay đã nhúng CSS vàostyle(bao gồm cả thẻ của tôi) và một số có vô số tệp CSS nằm rải rác và nó không thực tế.

Mở bảng điều khiển và chạy lệnh này:

document.querySelectorAll('style,link[rel="stylesheet"]').forEach(item => item.remove())

Thao tác này sẽ xóa cả CSS nội tuyến và CSS được liên kết.

Tải xuống miễn phí của tôiSổ tay dành cho Người mới bắt đầu JavaScript


Các hướng dẫn khác về trình duyệt: