移动webapp开发小贴士

1 创建主屏幕图标 (Creating a home screen icon ,for ios)

//57*57 


developer.apple.com/library/IOs/#documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

developer.apple.com/library/IOs/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14

2 启动画面图像 (Creating a splash screen, for ios)

developer.apple.com/library/IOs/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW6*stackoverflow.com/questions/4687698/mulitple-apple-touch-startup-image-resolutions-for-ios-web-app-esp-for-ipad

3 全屏 (Making it full-screen, for ios)– 更像本地App

developer.apple.com/library/IOs/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW2

4 改变状态栏 (Changing the phone status bar, for ios)

content属性default, black and black-translucent

*developer.apple.com/library/IOs/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW1

5 阻止缩放 (Preventing scaling)

6 阻止弹性滚动(Preventing elastic scrolling)

你可能感兴趣的:(移动webapp开发小贴士)