كيفية التحقق مما إذا كان المستخدم في وضع التباين العالي عبر JavaScript أو CSS

StackOverflow https://stackoverflow.com/questions/1921047

  •  20-09-2019
  •  | 
  •  

سؤال

عند الضغط على يحول+اليسار+بديل+مطبعة يتبذر Windows في وضع التباين العالي - هل هناك أي فرصة للكشف عن ذلك على صفحة ويب (باستخدام JavaScript أو CSS)؟

هل هناك أي فرصة للكشف عن ذلك في HTTP-Request (ويعرف أيضا باسم خادم الخادم على سبيل المثال عبر php أو ruby)؟

هل كانت مفيدة؟

المحلول

بالنسبة الى هذه المقالة حول استخدام العفاريات CSS في التباين العالي, في وضع التباين العالي على Windows، يجب ضبط صور الخلفية على "لا شيء" وتغيير لون الخلفية أيضا. هذا يجب أن يتغلب على أي ورقة أنماط CSS. لذلك يمكنك إجراء بعض جافا سكريبت للكشف عنها بعد التقديم الأولي. تحقق له صفحة تجريبية ("FYI [لا] في وضع التباين العالي" نص).

لدي ماك (تبديل FYI باستخدام Cmd + Alt + Ctrl + 8) وتقنيةه لا تعمل من أجلي، لكنه يقول إنه يعمل على النوافذ.

إذا كان يعمل، فيمكنك إما استخدام بعض جافا سكريبت لمجرد تغيير ملف تعريف الارتباط CSS أو قم بتعيين ملف تعريف ارتباط (جلسة) وإعادة تحميل الصفحة لتمريره إلى الخادم وإجراء إجراءات جانب الخادم.

نصائح أخرى

ما يلي يعمل بالنسبة لي على WIN8 مع (سطح المكتب) أي:

<style type="text/css">
// ...
@media screen and (-ms-high-contrast: active) {
   /* any rules may come here, for example: */
   .leftMenu a:hover { text-decoration: underline; }
}
// ...
</style>

أعتقد أنه يجب أن تعمل مع تطبيقات متجر Windows أيضا. هذا ليس حلا كاملا، ولكن ربما مفيد قليلا.

MSDN Doc: @وسائل الإعلام, -MS-عالي التباينوبعد ال وضع التباين العالي الوصف يستحق الذكر أيضا.

إذا كنت تنفذ تباين عال في تطبيق الويب الخاص بك، فاستخدم كتلة التعليمات البرمجية التالية للكشف عن اختيار التباين الأسود والأبيض والأبيض على اللون الأسود. هذا سيعمل بشكل جيد في IE.

Media Screen و (-ms-التباين العالي: أسود أون لاين) {/ * ضع رمز التصميم الخاص بك ............. * /}

Media Screen و (-ms-التباين العالي: أبيض على الأسود) {/ * ضع رمز التصميم الخاص بك ............. * /}

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top