یک نرم افزار مبتنی بر وب نرم افزار است که طوری طراحی شده است که همانند یک اپلیکیشن 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">