نمای کلی برگه رندر
با مجموعهها، منظم بمانید
ذخیره و دستهبندی محتوا براساس اولویتهای شما.
با این نمای کلی از ویژگی‌های برگه Rendering در DevTools، مجموعه‌ای از گزینه‌هایی را که بر رندر محتوای وب تأثیر می‌گذارند، کشف کنید.
بررسی اجمالی تب Rendering به شما کمک می کند:
مشکلات عملکرد رندر را کشف کنید . رنگ‌آمیزی مجدد نقطه‌ای، تغییر چیدمان، لایه‌ها و کاشی‌ها، مشکلات پیمایش، آمار رندر و Core Web Vitals را ببینید. شبیه سازی ویژگی های رسانه CSS نحوه نمایش صفحات را با ویژگی های رسانه های مختلف CSS بدون تعیین دستی آنها در کد یا محیط آزمایشی خود آزمایش کنید. سایر اثرات مفید را اعمال کنید . قاب‌های تبلیغاتی را برجسته کنید، فوکوس روی صفحه را شبیه‌سازی کنید، فونت‌های محلی و قالب‌های تصویر را غیرفعال کنید، تم تیره خودکار را فعال کنید، و نقص‌های بینایی را شبیه‌سازی کنید. تب Rendering را باز کنید برای باز کردن تب Rendering :
DevTools را باز کنید .
Command + Shift + P (Mac) یا Control + Shift + P (Windows، Linux، ChromeOS) را فشار دهید تا Command Menu باز شود.
شروع به تایپ rendering ، Show Rendering را انتخاب کنید و Enter را فشار دهید. DevTools تب Rendering را در پایین پنجره DevTools شما نمایش می دهد.
نکته کلیدی: علاوه بر باز کردن تب Rendering ، می توانید از منوی Command نیز برای جستجو و فعال کردن هر گزینه استفاده کنید. سعی کنید یک نام گزینه را تایپ کنید، به عنوان مثال، emulate . همچنین، می‌توانید تب Rendering را به روش‌های زیر باز کنید:
Esc را فشار دهید تا کشو باز شود و در گوشه بالا سمت چپ، روی More Tools کلیک کنید رندرینگ در گوشه سمت راست بالا، روی More Options کلیک کنید ابزارهای بیشتر > ارائه .
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده Oracle و/یا شرکتهای وابسته به آن است.
تاریخ آخرین بهروزرسانی 2022-04-13 بهوقت ساعت هماهنگ جهانی.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"اطلاعاتی که نیاز دارم وجود ندارد"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"بیشازحد پیچیده/ مراحل بسیار زیاد"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"قدیمی"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"مشکل ترجمه"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"مشکل کد / نمونهها"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"غیره"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"درک آسان"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"مشکلم را برطرف کرد"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"غیره"
}]
{"lastModified": "\u062a\u0627\u0631\u06cc\u062e \u0622\u062e\u0631\u06cc\u0646 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc 2022-04-13 \u0628\u0647\u200c\u0648\u0642\u062a \u0633\u0627\u0639\u062a \u0647\u0645\u0627\u0647\u0646\u06af \u062c\u0647\u0627\u0646\u06cc."}
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2022-04-13 بهوقت ساعت هماهنگ جهانی."],[],[]]
> رندرینگ
> ابزارهای بیشتر > ارائه .