将WP网站变成iPhone/iPad应用程序

时间:2013-02-07 作者:AndrettiMilas

随着响应式设计的出现,我们可以将一个网站变成一个应用程序,这一点开始变得很有意义。概念很简单:

当用户在站点上时,请删除站点周围的浏览器,使其看起来像任何其他应用程序一样,为设备(平板电脑、智能手机等)提供适当大小的图标。我很好奇是否有人有必要通过Apple app store发布应用程序所需的所有标准。

2 个回复
最合适的回答,由SO网友:Aron 整理而成

最好的方法是使用CSS3媒体要求:@media (max-device-width: 480px) 但需要更多的工作。

让WordPress主题应用程序看起来像一个快速而肮脏的方法是将viewport meta标记添加到<head> 您的页面:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
视口可缩放页面以适合用户设备

要在iOS和Android中隐藏地址栏,只需将这行JavaScript添加到您的页面:

// When ready...
window.addEventListener("load",function() {
  // Set a timeout...
  setTimeout(function(){
    // Hide the address bar!
    window.scrollTo(0, 1);
  }, 0);
});
您还可以添加此元标记,它告诉iOS您的站点是一个web应用程序,并隐藏地址栏:
<meta name="apple-mobile-web-app-capable" content="yes" />

SO网友:Kyle Krafka

您可以隐藏多少浏览器取决于您使用的浏览器。这可能会有所帮助:

  • 查看PhoneGap之类的框架,希望能有所帮助!

  • 结束