بهینه سازی نرم افزار کاربردی وب برای iOS

یک نرم افزار مبتنی بر وب نرم افزار است که طوری طراحی شده است که همانند یک اپلیکیشن Native مشاهده شود و رفتار کند برای مثال به اندازه عرض Device صفحات تغییر اندازه پیاده میکند و...

در iOS شما میتوانید توسط مرورگر Safari این نزدیکی به اپلیکیشن های Native را بهتر کنید.

 

آیکون برای Web Application ها:

ممکن است شما بخواهید به کاربران این امکان را بدهید که هر صفحه یا لینک را به Home Screen خود بیافزایند. این لینک ها توسط یک آیکون نمایش داده میشود که Web Clips نام گذاری میشود.

برای مشخص کردن یک Icon برای کل سایت (هر صفه ای در سایت) یک عکس با نام apple-touch-icon.png در شاخه اصلی سایت بسازید.

<link rel="apple-touch-icon" href="/custom_icon.png">

 

 

برای مشخص کردن عکس برای رزولوشن های مختلف Attribute به نام Size برای هر کدام از Meta Tag ها اضافه کنید.

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">

 

ایجاد صفحه خوش آمد گویی:

<link rel="apple-touch-startup-image" href="/startup.png">

 

 

 حذف Component های مروگر :

<meta name="apple-mobile-web-app-capable" content="yes">

 

  

تغییر استایل نوار های iOS:

<meta name="apple-mobile-web-app-status-bar-style" content="YOUR_COLOR_NAME">

آخرین بروزرسانی
۱۴ اسفند ۱۴۰۲ 
تعداد کلیک
۴,۲۳۹

فهرست نظرها و ارسال نظر جدید

نام را وارد کنید
ایمیل را وارد کنید
تعداد کاراکتر باقیمانده: 1000
نظر خود را وارد کنید