پنل لایه ها به شما کمک می کند ترکیب وب سایت خود را درک کنید و چگونه مرورگر محتوا را ارائه می دهد. نمودار سه بعدی وب سایت خود را برای شناسایی مشکلات رندرینگ، رفع اشکالات اسکرول و بهینه سازی انیمیشن ها تجزیه و تحلیل کنید.
نمای کلی
از پنل لایه ها برای انجام کارهای زیر استفاده کنید:
- مشاهده لایه های سند
- لایه های سند را بررسی کنید.
- نقاط شکست تغییر DOM را تنظیم کنید.
- مشاهده اطلاعات Paint Profiler.
- عناصر اسکرول آهسته را شناسایی کنید.
پنل لایه ها را باز کنید
برای باز کردن پنل لایه ها ، مراحل زیر را دنبال کنید:
- DevTools را باز کنید .
- منوی Command را با فشار دادن:
- macOS: Command + Shift + P
- Windows، Linux، ChromeOS: Control + Shift + P