برای صفحه نمایش اسپلش سفارشی پیکربندی نشده است

یک صفحه نمایش سفارشی باعث می شود برنامه وب پیشرفته (PWA) شما بیشتر شبیه یک برنامه ساخته شده برای آن دستگاه باشد. به‌طور پیش‌فرض، زمانی که کاربر PWA شما را از صفحه اصلی راه‌اندازی می‌کند، تا زمانی که PWA آماده شود، اندروید یک صفحه سفید نمایش می‌دهد. کاربر ممکن است این صفحه سفید سفید را تا 200 میلی ثانیه ببیند. با تنظیم یک صفحه نمایش سفارشی، می‌توانید رنگ پس‌زمینه سفارشی و نماد PWA را به کاربران خود نشان دهید و تجربه‌ای جذاب و مارک دار ارائه دهید.

چگونه ممیزی صفحه نمایش چلپ چلوپ Lighthouse شکست می خورد

فانوس دریایی صفحاتی را که صفحه نمایش سفارشی ندارند پرچم گذاری می کند:

ممیزی فانوس دریایی نشان می دهد که سایت برای نمایش اسپلش سفارشی پیکربندی نشده است

نحوه ایجاد یک صفحه نمایش اسپلش سفارشی

تا زمانی که شرایط زیر را در مانیفست برنامه وب خود داشته باشید، Chrome for Android به‌طور خودکار صفحه نمایش سفارشی شما را نشان می‌دهد:

  • ویژگی name به نام PWA شما تنظیم شده است.
  • ویژگی background_color روی یک مقدار رنگ CSS معتبر تنظیم شده است.
  • ویژگی theme_color روی یک مقدار رنگ CSS معتبر تنظیم شده است.
  • آرایه icons نمادی را مشخص می کند که حداقل 512x512 پیکسل باشد.
  • نماد مشخص شده وجود دارد و یک PNG است.

برای اطلاعات بیشتر به افزودن یک صفحه نمایش اسپلش برای برنامه های وب نصب شده در Chrome 47 مراجعه کنید.

منابع

کد منبع برای برای بازرسی صفحه نمایش اسپلش سفارشی پیکربندی نشده است

،

یک صفحه نمایش سفارشی باعث می شود برنامه وب پیشرفته (PWA) شما بیشتر شبیه یک برنامه ساخته شده برای آن دستگاه باشد. به‌طور پیش‌فرض، زمانی که کاربر PWA شما را از صفحه اصلی راه‌اندازی می‌کند، تا زمانی که PWA آماده شود، اندروید یک صفحه سفید نمایش می‌دهد. کاربر ممکن است این صفحه سفید سفید را تا 200 میلی ثانیه ببیند. با تنظیم یک صفحه نمایش سفارشی، می‌توانید رنگ پس‌زمینه سفارشی و نماد PWA را به کاربران خود نشان دهید و تجربه‌ای جذاب و مارک دار ارائه دهید.

چگونه ممیزی صفحه نمایش چلپ چلوپ Lighthouse شکست می خورد

فانوس دریایی صفحاتی را که صفحه نمایش سفارشی ندارند پرچم گذاری می کند:

ممیزی فانوس دریایی نشان می دهد که سایت برای نمایش اسپلش سفارشی پیکربندی نشده است

نحوه ایجاد یک صفحه نمایش اسپلش سفارشی

تا زمانی که شرایط زیر را در مانیفست برنامه وب خود داشته باشید، Chrome for Android به‌طور خودکار صفحه نمایش سفارشی شما را نشان می‌دهد:

  • ویژگی name به نام PWA شما تنظیم شده است.
  • ویژگی background_color روی یک مقدار رنگ CSS معتبر تنظیم شده است.
  • ویژگی theme_color روی یک مقدار رنگ CSS معتبر تنظیم شده است.
  • آرایه icons نمادی را مشخص می کند که حداقل 512x512 پیکسل باشد.
  • نماد مشخص شده وجود دارد و یک PNG است.

برای اطلاعات بیشتر به افزودن یک صفحه نمایش اسپلش برای برنامه های وب نصب شده در Chrome 47 مراجعه کنید.

منابع

کد منبع برای برای بازرسی صفحه نمایش اسپلش سفارشی پیکربندی نشده است