检测iPhone浏览器中是否显示地址栏

2023-11-24

我正在尝试以面向未来且独立于设备的方式检测 iPhone 浏览器中的地址栏何时显示。这是显示在顶部的工具栏,用于显示 URL。可以通过调用隐藏它:

window.scrollTo(0, 0)

我想做的是检测它何时显示(从而减少可用的观看空间)并设置一个计时器以在一秒左右后再次隐藏它。如果比这更频繁,就会很烦人,因为用户将无法访问地址栏。

我试过检查window.pageYOffset不幸的是,如果网址栏的任何部分可见,则返回零。

I don't想要对 iPhone 上的任何尺寸进行硬编码,并根据当前视口尺寸检查这些尺寸。它太脆弱了。

这里有人知道解决方案吗?


The window.innerHeight财产就是您正在寻找的。这是屏幕上实际内容的高度。当顶部的工具栏可见时,它会明显减少,因为容纳内容的空间较小。在我的 iPhone 4 上,我似乎无法弄清楚一个小问题 - window.innerHeight 有时在屏幕的某些滚动位置返回 3 个像素。

我已经为您设置了一个示例,或多或少可以满足您的要求,它至少应该让您开始:

http://jsfiddle.net/rUSEb/show/light(在你的 iPhone 上测试一下)。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

检测iPhone浏览器中是否显示地址栏 的相关文章

  • TypeError: props.render 不是一个函数(React hook 形式)

    我将方法作为我用react hook form制作的形式的道具传递 当从react hook form添加控制器时 它给了我 TypeError props render不是一个函数 我在网上找不到任何解决方案 因此感谢任何帮助 impor
  • 解析“流”JSON

    我在浏览器中有一个网格 我想通过 JSON 将数据行发送到网格 但浏览器应该在接收到 JSON 时不断解析它 并在解析时将行添加到网格中 换句话说 在接收到整个 JSON 对象后 不应将行全部添加到网格中 应该在接收到行时将其添加到网格中
  • 如何重置使用 JavaScript 更改的 CSS 属性?

    我的导航按钮的宽度从 100px 增加到 150px 当鼠标悬停在 nav li hover width 150px 但是使用 javascript 我已经做到了 无论选择哪个选项 宽度都将继续为 150px 当选择每个选项时 它会使其他选
  • 使用模数按字母顺序对列表进行排序

    我在获取元素列表并按字母顺序对它们进行排序方面没有任何问题 但我很难理解如何使用模数来做到这一点 更新 这是按我的方式工作的代码 但是 我更喜欢下面提供的答案的可重用性 因此接受了该答案
  • 我想检查 $('#td1').text() === "x" 是否?

    我想检查innerHtml是否有X或O 所以我不能再次添加任何其他东西 但它不起作用 添加检查代码后它就停止了 我在这里尝试做一个简单的XO游戏来更熟悉javascript和jquery 我也不确定是否可以用 jQuery 做到这一点
  • Meteor:应用程序无法在 0.9.1.1 版本上运行

    出现类似错误 Error TypeError undefined is not a function evaluating Template create anonymous function iron dynamic template j
  • UIView animateWithDuration:delay: 工作很奇怪

    我在使用 iPhone 动画块时遇到了一个奇怪的问题 这段代码 UIView animateWithDuration 2 delay 0 options 0 animations void controller setBackgroundC
  • 将 NSData 转换回音频文件

    我已经转换了我的 caf音频文件到NSData使用以下代码行对象 NSData audioData NSData dataWithContentsOfFile MyRecorderFilePathURL path options 0 err
  • 在 appdelegate 中呈现多个模态视图

    我想在应用程序收到 application UIApplication application didReceiveRemoteNotification NSDictionary userInfo 中的每个推送消息后呈现一个 modalvi
  • 标签获取 href 值

    我有以下 html div class threeimages a img alt Australia src Images Services 20button tcm7 9688 gif a div class text h2 a hre
  • 在requestAnimationFrame中使用clearRect不显示动画

    我正在尝试在 HTML5 画布上做一个简单的 javascript 动画 现在我的画布是分层的 这样当我收到鼠标事件时 背景层不会改变 但带有头像的顶层会移动 如果我使用 requestAnimationFrame 并且不清除屏幕 我会看到
  • Meteor - 从客户端取消服务器方法

    我正在通过服务器方法执行数据库计数 用户可以选择他们希望如何执行计数 然后调用该方法 我的问题是 计数可能需要一些时间 并且用户可能会在方法运行时改变主意并请求不同的计数 有什么方法可以取消调用的方法并运行新的计数吗 我认为 this un
  • 通过 CDN 使用 Dojo 时如何加载自定义 AMD 模块?

    我正在使用 google 的 CDN 并尝试使用他们的加载程序加载我自己的 AMD 模块 我知道我做错了什么 但我被困住了 有任何想法吗
  • 提交表单并重定向页面

    我在 SO 上看到了很多与此相关的其他问题 但没有一个对我有用 我正在尝试提交POST表单 然后将用户重定向到另一个页面 但我无法同时实现这两种情况 我可以获取重定向或帖子 但不能同时获取两者 这是我现在所拥有的
  • Angular 2+ 安全性;保护服务器上的延迟加载模块

    我有一个 Angular 2 应用程序 用户可以在其中输入个人数据 该数据在应用程序的另一部分进行分析 该部分仅适用于具有特定权限的人员 问题是我们不想让未经授权的人知道how我们正在分析这些数据 因此 如果他们能够在应用程序中查看模板 那
  • 如何在类似控制台的环境中运行 JavaScript?

    我正在尝试遵循这里的示例 http eloquentjavascript net chapter2 html http eloquentjavascript net chapter2 html and print blah 在浏览器中运行时
  • Safari 支持 JavaScript window.onerror 吗?

    我有一个附加到 window onerror 的函数 window onerror function errorMsg url line window alert asdf 这在 firefox chrome 和 IE 中工作正常 但在 s
  • 如何在 pg-promise 中设置模式

    我正在搜索的文档pg 承诺 https github com vitaly t pg promise特别是在创建客户端时 但我无法找到设置连接中使用的默认架构的选项 它始终使用public架构 我该如何设置 通常 为数据库或角色设置默认架构
  • 如何获取浏览器视口中当前显示的内容

    如何获取当前正在显示长文档的哪一部分的指示 例如 如果我的 html 包含 1 000 行 1 2 3 9991000 并且用户位于显示第 500 行的中间附近 那么我想得到 500 n501 n502 或类似的内容 显然 大多数场景都会比
  • 导致回发到与弹出窗口不同的页面

    我有一个主页和一个详细信息页面 详细信息页面是从主页调用的 JavaScript 弹出窗口 当单击详细信息页面上的 保存 按钮时 我希望主页 刷新 是否有一种方法可以调用主页的回发 同时还可以从详细信息页面维护保存回发 Edit 使用win

随机推荐

  • Java Comparator 给出要比较的属性的名称

    我的问题是这样的 我必须订购一个数据表 表的每一行都是一个存储在 List 中的对象 我们称之为 TableObject 每列数据都是该类的一个属性 通常是字符串 当用户单击任何列时 我必须执行典型的数据排序 所以我考虑将 List 更改为
  • gdb如何显示线程名称

    我的应用程序中创建了许多线程 当我执行命令 infothreads 时 一些线程名称在 gdb 中可见 而其他线程名称则不显示 如何获取所有线程名称本身而不是像 0xb7fe1424 这样的十六进制值 4 Thread 0xb68ffb70
  • 在 Open XML SDK 中的单词书签后插入 OpenXmlElement

    我可以使用以下代码访问我的Word文档中的书签 var res from bm in mainPart Document Body Descendants
  • 如何复制 FTP 服务器上的文件?

    如何复制 FTP 服务器上的文件 我的目标是复制ftp www mysite com test jpg to ftp www mysite com testcopy jpg 要重命名文件 我会使用 var request FtpWebReq
  • 导航栏 rightbaritem 图像按钮错误 iOS 11

    这段代码在ios10上运行正常 我得到了我的标签和一个图像按钮 这是用户照片个人资料 圆形 好的 但是当运行 xcode 9 ios11 模拟器时 我发现它被拉伸了 按钮框架必须是 32x32 当检查 sim 并获取视图并告诉 xcode
  • 如何在日期选择器对话框中设置日期限制

    我想对日期进行限制 以便用户不能选择更多的日期 例如 如果今天是 1 月 1 日 那么用户不应选择超过 7 个日期 我的意思是他不能选择 1 月 9 日 我还希望他不要选择月份和年份 所以我限制他在一周内完成任务 到目前为止我所做的是显示日
  • 为什么 NodeJS KeepAlive 似乎没有按预期工作?

    引自TCP 保活操作方法 为了理解什么是 TCP keepalive 我们将称之为 keepalive 确实如此 您只需读取名称即可 keep TCP 活 这意味着您将能够检查已连接的套接字 也称为TCP套接字 并判断连接是否是 仍在运行或
  • 使用 Express 从 NodeJS 服务器下载文件

    如何将服务器中的文件下载到访问 NodeJS 服务器中页面的计算机 我正在使用 ExpressJS 并且我一直在尝试这个 app get download function req res var file fs readFileSync
  • 如何从 android 调用 ksoap web 服务?

    我有一个小困惑 在我们的移动应用程序中 有一个从 ios 调用的 ksoap Web 服务 如下所示 并正确获取数据 在下面的Web服务中 您可以从以下代码中看到 有一些参数需要传递给Web服务 void callwebservice NS
  • 在用户不点击通知的情况下处理数据负载?

    在后台时 应用程序会接收通知托盘中的通知负载 并且仅在用户点击通知时处理数据负载 有没有办法在用户不点击通知的情况下处理数据有效负载 基于 FCM 文档处理消息 App state Notification Data Both Foregr
  • document.getElementById 是否返回实时 dom 元素?

    Does document getElementByIdJavaScript 返回一个实时 DOM 元素 出于性能原因我有兴趣知道 标准和 实时 之间的区别通常用于lists的元素 document getElementById返回对 DO
  • 尝试读取数组上的属性“名称”(查看:C:\xampp\htdocs\Testing\resources\views\product.blade.php)

    我是 Laravel 的初学者 当我将统计表放入 Blade 中时 我收到此警告 尝试读取数组上的属性 名称 查看 C xampp htdocs Testing resources views product blade php 这是控制器
  • Android NFC 读取 ISO15693 RFID 标签

    我正在尝试使用 nfc android 库读取 ISO15693 RFID 标签 以下是有关标签的更多信息 http img42 com gw07d 标签 ID 已正确读取 但标签中的数据未正确读取 onCreate Method init
  • 如何在android中以编程方式应用低音效果

    我正在尝试应用低音效果通过使用以下代码以编程方式 BassBoost bassBoost new BassBoost 0 audioSessionId bassBoost setEnabled true BassBoost Settings
  • Google Android 会支持 .NET 吗? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心以获得指导 Locked 这个问题及其
  • 编译器会优化重复的数学计算吗?

    Java 编译器是否会优化简单的重复数学运算 例如 if prevX width curX width Do something with prevX width value else Do something with curX widt
  • 有没有办法更改Unity中的gradle.properties文件

    Unity 有一个默认的 gradle properties 文件 该文件在构建过程中添加 虽然可以如上所述更改 build gradle 和 settings gradle 文件 这里https docs unity3d com Manu
  • Java 线程 - 内存一致性错误

    我正在读一本Sun 的并发教程 但我无法理解到底是什么内存一致性错误是 我用谷歌搜索了一下 但没有找到任何有用的教程或文章 我知道这个问题是一个主观问题 因此您可以向我提供有关上述主题的文章的链接 如果您用一个简单的例子来解释它 那就太好了
  • Delphi XE 和 ZLib 问题

    我在 Delphi XE 中 ZLib 例程遇到一些问题 我正在尝试压缩一些字符串 并对它进行编码以通过 SOAP Web 服务发送 并不重要 ZDecompressString 的字符串结果与 ZcompressString 中使用的字符
  • 检测iPhone浏览器中是否显示地址栏

    我正在尝试以面向未来且独立于设备的方式检测 iPhone 浏览器中的地址栏何时显示 这是显示在顶部的工具栏 用于显示 URL 可以通过调用隐藏它 window scrollTo 0 0 我想做的是检测它何时显示 从而减少可用的观看空间 并设