Computer >> Hướng Dẫn Máy Tính >  >> Hệ Thống >> Windows

Buộc Dark Mode trên bất kỳ trang web nào với công cụ Rendering của Edge – Không cần tiện ích mở rộng

Windows 11 có tùy chọn dùng chế độ tối hoặc sáng cho bất kỳ ứng dụng nào. Microsoft có công cụ tương tự gọi là Rendering tool trên Edge. Rendering tool có thể "mô phỏngcheme tối hoặc sáng trong trang được hiển thị" cho bạn xem trang web trông như thế nào.

Vì vậy, nếu muốn bật chế độ tối/sáng mà không dùng tiện ích Edge như Dark Reader, bạn có thể dùng Rendering tool trên Edge.

Lưu ý quan trọng: Rendering tool trên Edge là công cụ phát triển web dành cho lập trình viên xem trang web trông như thế nào với các tùy chọn hiển thị khác nhau hoặc cho người khuyết tật thị lực như mù màu.

Công cụ phát triển trong trình duyệt chỉ để test, nên không thể lưu thay đổi trong công cụ này. Bạn chỉ có thể thay đổi và lưu trong mã nguồn.

Bật công cụ phát triển (Developer tools)

Tương tự tab Rendering trên Chrome, bạn có thể dùng Rendering tool trên Edge xem trang web hiển thị với các tùy chọn màu khác nhau.

Chris Heilmann, Quản lý chương trình chính cho Browser Tools tại Microsoft, chia sẻ lời khuyên hữu ích về cách buộc dark mode cho các trang web không có tùy chọn dark mode.

Để bật và dùng tính năng này, cần mở Edge DevTools. Có 4 cách mở DevTools:

  1. Chuột phải vào bất kỳ trang web và chuột trái Inspect (Kiểm tra). Tùy chọn này đưa bạn đến tab "Elements" dưới DevTools, nhưng bạn luôn có thể nhấp tab "Rendering" từ đó.
  2. Buộc Dark Mode trên bất kỳ trang web nào với công cụ Rendering của Edge – Không cần tiện ích mở rộng

  3. Vào cài đặt Edge ba chấm góc trên phải. Nhấp More tools > Developer tools (Công cụ khác > Công cụ phát triển).
  4. Buộc Dark Mode trên bất kỳ trang web nào với công cụ Rendering của Edge – Không cần tiện ích mở rộng

  5. Dùng phím tắt Ctrl + Shift + I.
    4. Nhấn F12. Bạn có thể tắt phím tắt này sau trong cài đặt Edge.

Truy cập Rendering tool trên Edge

DevTools mở ra, bạn sẽ thấy tab "Welcome".

Buộc Dark Mode trên bất kỳ trang web nào với công cụ Rendering của Edge – Không cần tiện ích mở rộng

Bước tiếp theo là mở tab Rendering. Cách làm:

  1. Nhấp menu ba chấm DevTools góc trên phải.
    2. Nhấp More tools > Rendering.

Buộc Dark Mode trên bất kỳ trang web nào với công cụ Rendering của Edge – Không cần tiện ích mở rộng
3. Cuộn tìm Enable automatic dark mode (Bật chế độ tối tự động). Tích hộp để bật, thiết lập prefers-color-scheme thành dark.

Buộc Dark Mode trên bất kỳ trang web nào với công cụ Rendering của Edge – Không cần tiện ích mở rộng

Thay đổi sang dark mode tức thì, không cần tải lại trang web.