`

iphone webapp自动隐藏地址栏

 
阅读更多

如何隐藏iPhone Safari的地址栏
设置这个属性(文档里面说有用,但是好像不太成功)

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

还有一种办法,页面加载完成之后滚动窗口,这个确实有效,唯一要注意的是页面高度必须够长,我一般设成device-height就没问题了:

<script type="text/javascript"> 
      addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); 
      function hideURLbar(){ 
                window.scrollTo(0,1); 
      } 
</script>

分享到:
评论

相关推荐

    移动端WebApp隐藏地址栏的方法

    主要介绍了移动端WebApp隐藏地址栏的方法,本文分别给出了4种方法,适应不同情况下使用,小编推荐最后一个方法,需要的朋友可以参考下

    iPhone WebApp 开发指南

    这将隐藏浏览器的地址栏和工具栏,让WebApp占据整个屏幕。 在iOS设备上,WebApp可以通过添加以下元标签来设置状态栏的样式: ```html ``` 内容可以是`default`、`black`或`black-translucent`,根据需求选择合适的...

    iPhone WebApp 开发指南.pdf 中文版

    ### iPhone WebApp 开发指南知识点概述 #### 一、前言 - **iPhone吸引力与功能扩展**:介绍了iPhone因其出色的设计、性能及丰富的应用而受到欢迎。原生系统较为基础,但通过第三方软件大大增强了其功能性和用户体验...

    Graff Stencil iPhone_WebApp_WireFrame

    iPhone_WebApp_WireFrame.gstencil 文件是这个工具的核心,它包含了一系列精心设计的模板,涵盖了iPhone设备上常见的网页应用界面元素,如导航栏、底部标签栏、滚动列表、按钮、输入框等。这些模板可以直接在设计...

    C# Webapp C# WebappC# WebappC# Webapp

    持续集成和持续部署(CI/CD)工具如Jenkins或Azure DevOps可以帮助自动化构建和发布流程,确保代码质量和快速响应变化。 总的来说,C# Web应用程序开发涵盖了广泛的领域,包括但不限于C#语言基础、ASP.NET框架、...

    training/webapp镜像

    training/webapp镜像,方面一些内网用户无法直接pull镜像时下载: 使用方法: docker load -i training-webapp.tar.gz

    QtWebApp应用例程

    2. **设备控制**:控制嵌入式设备或工业自动化系统的状态,比如远程开关、调节参数等。 3. **API服务**:创建RESTful API,供其他Web应用或移动应用调用。 4. **文件管理**:实现文件上传下载功能,方便用户管理本地...

    webkit webApp 开发技术要点总结

    而`&lt;meta name="apple-mobile-web-app-status-bar-style" content="black" /&gt;`则允许自定义iPhone Safari顶部状态栏的颜色风格。 综上所述,WebKit WebApp开发不仅涉及基础的HTML、CSS和JavaScript技能,还需要深刻...

    webapp开发综合案例

    1.了解Web工程概念及与传统软件工程的区别 2.理解WebApp的概念、特点和开发过程 3.掌握WebApp的分析、设计和测试方法 4.掌握WebApp综合开发方法及课程设计过程

    ssh webapp 先方方

    4. **自动化工具**:为了提高效率,开发者会使用如Ansible、Chef或Puppet等自动化工具,这些工具通常通过SSH来连接目标服务器,执行配置管理和部署任务。 5. **安全最佳实践**:使用SSH时,应遵循一些安全规则,如...

    webApp页面跳转滑动菜单导航

    在这个webApp中,JavaScript可能被用来监听用户的触摸事件,实现滑动菜单的展开和收起,以及在点击菜单项时平滑地过渡到相应的子页面。CSS3的转换(`transition`)和动画(`animation`)属性则为菜单的滑动提供了...

    webapp 页面交互与布局

    5. 简化表单:减少表单字段数量,使用预填充、自动完成等功能,提高填写效率。 6. 触摸友好:考虑到移动设备的使用,确保所有元素都有足够的触摸目标大小,防止误触。 布局方面,网页布局决定了信息的组织和展示,...

    webapp 部署

    标题 "webapp 部署" 涉及到的是将Web应用程序部署到服务器或云...在实际操作中,还需要考虑自动化部署,例如使用CI/CD工具如Jenkins、GitLab CI/CD或Travis CI,以实现代码提交自动触发部署,提高效率并减少人为错误。

    webapp设计尺寸规范

    webapp设计尺寸规范,好的规范,铸就明天的你

    idea开发webapp 热部署

    idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发...

    maven-archetype-webapp-1.0.jar下载

    Archetype不仅仅是简单的文件拷贝,它可以根据特定的变量和用户输入自动生成定制化的项目。 Maven Archetype Webapp 1.0是专为Web应用程序设计的模板,其主要特点包括: 1. **标准目录结构**:该archetype会按照...

Global site tag (gtag.js) - Google Analytics