Apple的Safari网络浏览器的移动版本。
CSS 将视口扩展到 Safari 上的 iPhone 状态栏
我有一个使用图像作为标题的网站。 我希望该图像向上延伸到状态栏作为其背景。当我向下滚动网站时，网站内容会减少...
您好，我使用 Nextjs 和 Framer Motion 开发了一个网站并将其部署到 Vercel：https://www.launchit.be/ 在桌面上，一切正常，但是当我从移动设备加载页面时（
我们有什么方法可以获取iOS上移动Safari的App Id或Adam（iTunes标识符）。
在 iOS safari URL 栏中使用 JavaScript 打开链接
我正在尝试使用 iOS safari 地址/URL 栏打开链接。 根据我的测试，地址栏不会执行 javascript:alert("hi");就像之前的 iOS 版本一样。 有没有...
从我的应用程序在 iOS 主屏幕上创建快捷方式（iOS 16 后）
我想让我的用户在 iOS 主屏幕上创建指向我的应用程序内容的快捷方式。 以前有一个解决方法，使用 safari 将网站嵌入到 data: URI 中，但现在在较新的 iOS 上
移动端 Safari 上的滚动捕捉在 dom 更改时保持位置
我遇到了仅在 Safari 移动设备上出现的问题。在 Chrome 移动设备上，它按预期工作。 我正在编写一个单页应用程序。 它是由几个容器组成的。当时只有一个可见。 ...
我如何调整我的谷歌可编程搜索引擎的大小以使其更加适合移动设备？
我的谷歌可编程搜索引擎在计算机浏览器上看起来和工作得很好： 但在移动设备上，它会变得混乱： 我尝试过调整高度和宽度或调整其大小以使其看起来不错
safe-area-inset-bottom 不适用于 ios 15 safari
我正在尝试让我的网站适合我的手机屏幕。我尝试过 env(safe-area-inset-bottom) 和constant(safe-area-inset-bottom) 的许多变体，但两者总是返回 0px （我一直是我们...
动画 webp 仅在移动浏览器（Chrome、Safari）上显示所有帧
[通过 nextjs 13 和 vercel 部署] 我有一个动画 webp（相对于 APNG 来说尺寸大大减小）。 它应该一次仅显示用于动画的一系列帧中的一帧......
iOS 15 已经发布，新版本的 Safari 也随之发布，带来了无处不在的下拉刷新功能。不管你喜欢与否，单页应用程序不太喜欢这样。 以下是在 iPhone 版 Chrome 上禁用它的方法：
我正在使用 React (16.8.6) 构建一个网站，但与其他网站不同，当用户开始滚动时，它不会折叠/收缩移动 safari 中的网址栏 包装器 div 的 CSS 看起来像
我正在尝试设计聊天机器人的样式，但我在 div 中遇到了一些意外的滚动或缺乏行为，但仅限于 iOS/移动 Safari。 预期的行为是拥有 div
Mobile Safari 上的 HTML 表单“必需”属性不起作用
iPad 上的 Mobile Safari 应该兼容 HTML5，但似乎 required 属性不起作用。任何人都知道为什么，或者有一个不需要大量 JavaScript 的不错的解决方法......
Chrome 移动网络中的布局/视觉视口更改后如何将标题保持在视觉视口顶部？
我知道有很多关于此的问题，但自从提出这些问题以来浏览器团队已经做出了更改，因此它们似乎都不再有效。我正在努力寻找最...
网络推送在一段时间后无法在 iOS 16.4 上运行。 我们在 IOS 上使用网络推送已有一个半月了，有时用户会抱怨推送停止工作。用户已经很久没有打开pwa了...
使用 daisyUI 时，导航栏上的详细信息元素内的锚标记（Next.js 上的链接标记）不适用于 iOS 中的每个浏览器
DaisyUI 版本： v3.5.0 问题： 当单击导航栏上详细信息元素内的锚标记（Next.js 上的链接标记）时，它没有重定向到给定的路线，因此页面也不会根据...
我在使用 iOS 智能应用横幅时遇到了一些问题，我正在尝试通过 JavaScript 添加该横幅。 实际的 smartbanner 非常简单，只需将这个小块添加到 HTML 的头部即可： 我在使用 iOS 智能应用横幅时遇到一些问题，我正在尝试通过 JavaScript 添加该横幅。 实际的 smartbanner 就像将这个小块添加到 HTML 的头部一样简单： <meta name="apple-itunes-app" content="app-id=375380948"> 不幸的是，我上传脚本的方式受到很大限制。我无法直接更改 HTML，因此我将通过我们的标签管理器来完成此操作，该管理器基本上是通过 JavaScript 来完成的。但事实证明这行不通。 我尝试简化测试用例： HTML 中的硬编码标签：有效（如预期） <meta name="apple-itunes-app" content="app-id=375380948"> 文档准备好后直接用 JavaScript 插入：works $(document).ready(function(){ $("head").append('<meta name="apple-itunes-app" content="app-id=375380948">'); }); 用 JavaScript 插入，经过 setTimeout 延迟后：不起作用 $(document).ready(function(){ setTimeout(showBanner, 1); //after 1 millisecond }); function showBanner(){ $("head").append('<meta name="apple-itunes-app" content="app-id=375380948">'); } 任何人都可以确认或解释为什么这个延迟的 JavaScript 不起作用吗？ 重要提示：要进行测试，请在实际的 iOS 设备上打开页面！ 桌面 Safari/Chrome 或 iOS 模拟器将无法运行。 另外，不要关闭横幅，因为它不会再次显示。 更新： 我添加了一些没有 jQuery 的示例，所以很简单的 JavaScript。但结果是一样的。一旦我们等待 setTimeout()，智能应用横幅就无法加载。 Vanilla JavaScript - 直接执行。 有效 showBanner(); function showBanner() { var meta = document.createElement("meta"); meta.name = "apple-itunes-app"; meta.content = "app-id=375380948"; document.head.appendChild(meta); } Vanilla JavaScript - 延迟执行。 不起作用 setTimeout(showBanner, 1); function showBanner() { var meta = document.createElement("meta"); meta.name = "apple-itunes-app"; meta.content = "app-id=375380948"; document.head.appendChild(meta); } 更新2： 异步加载脚本时可以观察到完全相同的不幸行为 异步加载。 不起作用 <script src="async.js" async></script> 然后调用相同的普通 JavaScript 并直接执行 显示横幅（）； function showBanner() { var meta = document.createElement("meta"); meta.name = "apple-itunes-app"; meta.content = "app-id=375380948"; document.head.appendChild(meta); } 结论： 我只能得出结论，iOS Safari 只在主线程中查找 smartbanner 的 HTML。这让我很难过:-( 仅限直接可用的 HTML，或通过 JavaScript 同步添加的 HTML。 但不允许任何异步操作，无论是异步加载 JavaScript，还是使用 setTimeout()（或使用 eval() 的其他构造） 由于如果在页面加载后插入本机横幅，则不可能让 safari 显示本机横幅（如上所述，并且由苹果确认），因此唯一可行的解决方法是不使用本机 smartbanner，而是创建您的自己的。 例如使用像 this 这样的 javascript 插件 我用了你的代码： var meta = document.createElement("meta"); meta.name = "apple-itunes-app"; meta.content = "app-id=375380948"; document.head.appendChild(meta); 并在 dom 就绪事件之前插入，效果很好。 自 2017 年 4 月起，如果稍后通过 JavaScript 添加，智能横幅将会显示。
Safari 报告 screen.orientation.angle 与标准相反
有一段时间我使用以下代码片段检测方向： const 方向 = screen.orientation && screen.orientation.angle ||窗口方向 Safari 不支持 screen.orientatio...
我发现似乎是 iOS Safari 问题，本地存储在未经请求的情况下被删除 谷歌搜索发现了一些使用 localStorage 的问题，比如 iOS 删除了兄弟......
iOS Safari 在 iOS 16+ 上的 Flex 容器中过早换行，不低于
我有一个基于 Flex 的按钮，带有一些文本和图标。在 iPhone 14 Pro Max 上，无论字体大小、字体类型和/或字数如何，单词都会过早换行。貌似只包了最后的w...