مایکروسافت توسعهدهندگان وب را با ویژگی جدیدی که برای ابزار 3D View ارائه کرده است، شگفتزده میکند.
این ویژگی که در روز سهشنبه اعلام شد، به ابزارهای دیگر ابزارهای نمای سهبعدی میپیوندد و برای رفع مشکلات معمول توسعه وب، مانند نوارهای اسکرول غیرضروری، مشکلات انباشتگی شاخص z و پیچیدگی DOM استفاده میشوند.
ویژگی لایههای مرکب به این منظور است که صفحه وب را به تعداد مناسبی از لایهها تقسیم میکند. Patrick Brosset، مدیر محصول ارشد مایکروسافت اج میگوید که زمانی که اجزا متحرک شوند یا مستقل از بقیه تغییر کنند، این ویژگی بیش از قبل مفید خواهد بود. میتوان به یاد آورد که Microsoft Edge DevTools قبلاً یک ابزار لایههای جداگانه داشت که عملکرد مشابهی را ارائه میکرد. با این حال، این شرکت تصمیم گرفت تا پنل آن را حذف کند و در نتیجه با ابزار 3D View ادغام شد.
در یک پست وبلاگی که ورود این ویژگی جدید اعلام شده است، Brosset همچنین با بحث در مورد فعالیت موتورهای رندر مرورگر در سطح بالا، به جزئیات اهمیت لایهها و چگونگی آنها اساساً در وب میپردازد. به گفته وی، یک موتور مرورگر یک سری مراحل را دنبال میکند تا از HTML و CSS به پیکسل روی صفحه نمایش داده شود. این رویهها شامل تجزیه کد HTML و ایجاد درخت DOM، تجزیه کد CSS و کسب اطلاعات سبک و چیدمان، تولید یک ساختار درختی جدید و نقاشی صفحه روی صفحه است.
Brosset خاطرنشان میکند:
در این مرحله آخر، موتور ممکن است تصمیم بگیرد که صفحه را یکجا نمایش دهد، یا آن را به چندین لایه تقسیم کند، یا حتی آنها را به صورت جداگانه نمایش دهد و سپس تصویر نهایی را از آنها بسازد. ویژگیهای خاصی از CSS و عناصر HTML وجود دارند که باعث میشود موتور تصمیم بگیرد یک لایه جداگانه ایجاد کند. به عنوان مثال، استفاده از ویژگی تبدیل سهبعدی یا ویژگی will-change باعث میشود موتور لایهها را ایجاد کند. به این ترتیب، زمانی که محتوای این لایهها تغییر میکند، موتور فقط باید این لایههای جداگانه را دوباره نمایش دهد و نه کل نمای را.
با کلیک بر روی برگه لایههای ترکیبی، لایههای ایجاد شده به کاربران نشان داده میشود که در آن فهرستی در نوار کناری سمت چپ نمایش داده میشود. این ابزار همچنین موارد موجود در صحنه سهبعدی را برجسته میکند و با کلیک بر روی لایهها اطلاعات ارزشمندی در مورد آنها، مانند اندازه را در اختیار کاربران قرار میدهد.
Brosset در ادامه گفت:
به عنوان یک توسعهدهنده وب، این موضوع میتواند بسیار مفید باشد که بدانید بخشی از صفحهای که میخواهید متحرک کنید، واقعاً در لایه خودش است یا خیر. اگر اینطور است، پس میتوانید مطمئن باشید که در حین پخش انیمیشن، بقیه صفحه نیز نیازی به نمایش مجدد ندارند. اما به همان اندازه مهم است که بررسی کنید که به طور تصادفی لایههای زیادی ایجاد نکنید، زیرا هر یک به حافظه جداگانهای نیاز دارد.