怎样在ios中的Safari内开发出一款类似native app一样的全屏webapp

此文章转自我www.gbtags.com的文章。

<meta name="format-detection" content="telephone=no email=no" />

1.在meta中取消电话邮箱的识别。

 

 
 
 

  
  
  

   
   
   

    
<meta name="apple-touch-fullscreen" content="yes"> 
   
  
  
  
  
  
  

   
   
   
   
   
   

    
    
    

     
     
     

     
     
     

    
    
    
   
   
   
   
   
   
  
  
  
 
 
 

2.据说是全屏，但是实际ios7.1无效果，查看了百度的大网站的web站点，都已经移除。

3.现在开始讲我们要用到核心的东西。

3.1首先说的是

 
 
 

  
  
  

   
   
   

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

   
   
   
   
   
   

    
    
    

     
     
     

     
     
     

    
    
    
   
   
   
   
   
   
  
  
  
 
 
 

 这是让我们添加应用之后，在桌面打开图标的时候可以全屏显示，但是上面的顶部工具栏上会一块黑色区域。如何解决？

3.2

 
 
 

  
  
  

   
   
   

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

 black-translucent的作用是顶部工具栏，背景透明，字体颜色为白色，当让也有black和white选项，百度是设置为white，我测试中会发现其顶部还是一块黑色，和难看，我测试的版本是iPhone ios7.1版本。

3.3当然上面这些操作可能不是每个人都会去保存下来去做的，如果保存，请记得使用html