Làm cách nào để đảo ngược sơ đồ màu của các trang web trong Firefox?


10

Tôi sử dụng để duyệt web trong một căn phòng tối và sẽ thích hơn nếu nền sẽ tối và văn bản sẽ sáng thay vì ngược lại là phổ biến hơn nhiều. Tôi cho rằng điều này có thể đạt được với một số mã CSS hoặc mã tùy chỉnh được áp dụng nhưng không phải là trình mã hóa web và không chắc chắn về cách thực hiện việc này (đặc biệt là áp dụng cho tất cả các trang web). Tuyệt vời hơn nữa nếu có một tiện ích mở rộng để cài đặt và chỉ nhận được hiệu ứng cần thiết.

Bất kỳ đề xuất?


Bạn có thể muốn có một cái nhìn về dịch chuyển đỏ .
Cristian Ciupitu

Câu trả lời:


16

Trong các trình duyệt dựa trên WebKit, bạn có thể thêm kiểu sau để đạt được đảo ngược màu:

html { -webkit-filter: invert(); }

nhập mô tả hình ảnh ở đây

Đáng buồn thay, chúng tôi hiện đang chờ triển khai trong Firefox: https://developer.mozilla.org/en-US/docs/CSS/filter#Browser_compabilities

Một tương đương trong Firefox sẽ giống như:

html {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#invert");
}

Kết quả không phải nơi nào cũng đẹp như thế:

nhập mô tả hình ảnh ở đây

Tặng kem

Đây là bookmarklet cho WebKit (yêu cầu tải jQuery):

javascript:$("html").css("-webkit-filter","invert()")

Trong trường hợp của tôi, đường viền của trang web không bị đảo ngược. Liên kết . Tôi đoán tôi cũng cần phải đảo ngược một thẻ khác, không chỉ html. Tôi nên làm gì để đảo ngược biên giới?
Utku

2

Hãy thử điều này .. Công cụ> Tùy chọn> Nhấp vào tab Nội dung, sau đó Nhấp vào nút Màu sắc. Bây giờ, bỏ chọn hộp kiểm "Cho phép trang blah blah ....". Bây giờ chọn màu trắng cho văn bản và màu đen cho bacground. Hy vọng nó giúp. Tôi đã làm nó trên ver24.0.


1

(Chỉnh sửa: Chỉ nhận ra bookmarklet không hoạt động trong Firefox, vì Mozilla quyết định không hỗ trợ Invert. Nhưng có một liên kết jQuery trên trang sẽ làm điều tương tự.) Bạn có thể sử dụng bookmarklet trên trang này: http: / /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/

Hệ điều hành? Tôi có một ứng dụng trên máy Mac, Nocturne, nó đảo ngược màu sắc trên bảng. Tương tự như chỉ cần nhấn ctrl-tùy chọn-cmd-F8. Tôi không biết cách nào để làm điều đó trên Windows. Nocturne đẹp hơn một chút vì nó điều chỉnh màu sắc, không chỉ đảo ngược chúng, để làm cho việc xem đẹp hơn một chút vào ban đêm hoặc trong ánh sáng mờ. Ưu điểm ở đây là mọi thứ, không chỉ các trang Firefox, được chuyển đổi và bạn không phải tiếp tục áp dụng lại mỗi khi bạn tải một trang mới.


0

Kiểm tra Tiện ích này nếu nó hữu ích cho bạn.

Nó có một số tùy chọn tốt hơn. đây là một ảnh chụp màn hình >>>

nhập mô tả hình ảnh ở đây


0

Tạo một bookmarklet với URL sau:

javascript:void(document.getElementsByTagName('html')[0].style.webkitFilter='invert()');
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.