ব্যবহারকারীর পছন্দ মিডিয়া বৈশিষ্ট্যগুলি আপনাকে ওয়েব অভিজ্ঞতার স্টাইল করার ক্ষমতা দেয় যা ব্যবহারকারীর নিজস্ব নির্দিষ্ট পছন্দ এবং প্রয়োজনের সাথে সারিবদ্ধ হয়। অন্য কথায়, পছন্দের মিডিয়া বৈশিষ্ট্যগুলি আপনাকে আপনার ব্যবহারকারীর অভিজ্ঞতাকে আপনার ব্যবহারকারীর প্রত্যাশার সাথে খাপ খাইয়ে নিতে দেয়।
আপনি নিম্নলিখিত তিনটি পদক্ষেপ গ্রহণ করে আপনার ওয়েবসাইটের ব্যবহারকারীর অভিজ্ঞতা উন্নত করতে পারেন:
- সম্ভাবনাগুলি আবিষ্কার করুন । সমস্ত ব্যবহারকারী পছন্দ মিডিয়া বৈশিষ্ট্য জানুন.
- আপনার ওয়েব অভিজ্ঞতা স্টাইল . প্রয়োগ করুন, উদাহরণস্বরূপ, পছন্দের উপর ভিত্তি করে রঙ, বিন্যাস এবং উপাদানের আকার পরিবর্তন।
- UI পরীক্ষা করুন । DevTools- এ, পছন্দগুলি অনুকরণ করুন এবং আপনার ওয়েবসাইট কীভাবে আচরণ করে তা পরীক্ষা করুন।
DevTools বিভিন্ন ইমুলেশন বিকল্প সমর্থন করে। আপনাকে সিস্টেম এবং ব্রাউজার সেটিংস অনুসন্ধান এবং সামঞ্জস্য করা এড়াতে সাহায্য করার জন্য, সমস্ত এমুলেশন বিকল্পগুলি এক জায়গায় থাকে — DevTools-এর রেন্ডারিং ট্যাবের অধীনে।
ব্যবহারকারীর পছন্দের এমুলেশন বিকল্পগুলি অন্তর্ভুক্ত কিন্তু সীমাবদ্ধ নয়:
-
prefers-color scheme—হালকা বা গাঢ় রঙের স্কিম -
prefers-contrast—নিম্ন বা উচ্চতর বৈসাদৃশ্য -
prefers-reduced-motion— গতি কম করুন বা না করুন -
prefers-reduced-data—কম ট্রাফিক খরচ বা না
সমস্ত ইমুলেশন বিকল্পগুলির একটি বিস্তৃত তালিকার জন্য, সিএসএস মিডিয়া বৈশিষ্ট্যগুলি অনুকরণ করুন দেখুন।
রেন্ডারিং ট্যাব ব্যবহার করে আপনি প্রয়োগ করতে পারেন এমন আরও প্রভাব আবিষ্কার করতে, রেন্ডারিং ট্যাব ওভারভিউ দেখুন।
উপরন্তু, DevTools-এর সাহায্যে, আপনি যে একক ডিভাইসে কাজ করছেন তাতে আপনার পরীক্ষার ক্ষমতা সীমাবদ্ধ নয়। আপনি ডিভাইস মোড দিয়ে মোবাইল ডিভাইস অনুকরণ করতে পারেন।