Sofia Emelianova
DevTools-এ রেন্ডারিং ট্যাব বৈশিষ্ট্যগুলির এই ওভারভিউ সহ ওয়েব সামগ্রী রেন্ডারিংকে প্রভাবিত করে এমন বিকল্পগুলির একটি সংগ্রহ আবিষ্কার করুন৷
ওভারভিউ
রেন্ডারিং ট্যাব আপনাকে সাহায্য করে:
- রেন্ডারিং কর্মক্ষমতা সমস্যা আবিষ্কার করুন . স্পট রিপেইন্টিং, লেআউট শিফট, লেয়ার এবং টাইলস, স্ক্রলিং সমস্যা, রেন্ডারিং পরিসংখ্যান এবং কোর ওয়েব ভাইটাল দেখুন।
- সিএসএস মিডিয়া বৈশিষ্ট্য অনুকরণ করুন । আপনার কোড বা পরীক্ষার পরিবেশে ম্যানুয়ালি নির্দিষ্ট না করে বিভিন্ন CSS মিডিয়া বৈশিষ্ট্যের সাথে পৃষ্ঠাগুলি কীভাবে রেন্ডার হয় তা পরীক্ষা করুন।
- অন্যান্য দরকারী প্রভাব প্রয়োগ করুন । বিজ্ঞাপন ফ্রেমগুলি হাইলাইট করুন, একটি পৃষ্ঠায় ফোকাস অনুকরণ করুন, স্থানীয় ফন্ট এবং চিত্র বিন্যাস অক্ষম করুন, একটি স্বয়ংক্রিয় অন্ধকার থিম সক্ষম করুন এবং দৃষ্টি ঘাটতিগুলি অনুকরণ করুন৷
রেন্ডারিং ট্যাব খুলুন
রেন্ডারিং ট্যাব খুলতে:
কমান্ড মেনু খুলতে Command + Shift + P (Mac) বা Control + Shift + P (Windows, Linux, ChromeOS) টিপুন।
renderingটাইপ করা শুরু করুন, শো রেন্ডারিং নির্বাচন করুন এবং এন্টার টিপুন। DevTools আপনার DevTools উইন্ডোর নীচে রেন্ডারিং ট্যাবটি প্রদর্শন করে।
বিকল্পভাবে, আপনি নিম্নলিখিত উপায়ে রেন্ডারিং ট্যাব খুলতে পারেন:
- ড্রয়ার খুলতে Esc টিপুন, এবং উপরের বাম কোণায়, আরও টুল- এ ক্লিক করুন
> রেন্ডারিং । - উপরের ডানদিকে কোণায়, আরও বিকল্পে ক্লিক করুন
> আরো টুল > রেন্ডারিং ।