safari 相关问题

Safari是Apple的网络浏览器，是macOS和iOS上的默认浏览器。

我在使用 Safari Webdriver 和单击 Web 元素时遇到困难

我正在努力使用 Safari Webdriver 并单击页面上的元素。首先，我有苹果网站上所述的最新 2 版硒版本。对于上下文，我在 mac 机器上运行 selenium

java selenium-webdriver safari

回答 1 投票 0

在浏览器开发工具中停止网络请求

我在 chrome 开发工具的“网络”选项卡中观察到一系列重定向：我需要能够在请求出现在“网络”中后暂停重定向链（以便我可以将其复制为 cURL...

javascript google-chrome firefox safari firebug

回答 2 投票 0

我可以使用 Safari 扩展禁用 Javascript 吗？

我想构建一个 Safari 扩展，它会在工具栏中添加一个按钮，显示 JavaScript 是启用还是禁用，并充当单击时的切换按钮。是否可以启用或禁用

javascript safari

回答 2 投票 0

CSS径向渐变浏览器不一致

看看下面的两张图片。我使用径向渐变在相框上创建反射效果。当它在 3D 空间中移动时，我正在改变它的背景位置。背景...

html css google-chrome safari microsoft-edge

回答 1 投票 0

Safari 和 iOS 上的 Html5（音频）

我正在开发一款 Web 应用程序，但与 Apple 设备和 PC 上的 Safari 存在兼容性问题。 Html5 音频标签：我正在开发一款 Web 应用程序，但与 Apple 设备和 PC 上的 Safari 存在兼容性问题。 Html5 音频标签： <audio controls> <source src="/audio/en/file.mp3" type="audio/mpeg"> <source src="/audio/en/file.ogg" type="audio/ogg"> Your browser does not support the audio element. </audio> 我只想用基本控件播放音频文件。之前的代码在 Chrome、Opera、Firefox（Windows 和 Android 设备）上完美运行。但是控制器不会出现与Safari（在PC、iPad和iPad mini上使用最新版本进行测试）。音频播放器有灰色背景，只有“播放/暂停”功能。这是描述我的问题的屏幕截图：谢谢。我也遇到了完全相同的问题。我的解决方案：我添加了音频文件源的完整 URL。不知道为什么，但它有所不同。这是我的完整代码。 CSS修改只是为了隐藏下载按钮。但当我把它拿出来时，我看不到时间线。很奇怪，但这段代码对我来说确实有效。 <!DOCTYPE html> <html> <head> <title>html5 audio player on iPhone</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> audio::-internal-media-controls-download-button { display:none; } audio::-webkit-media-controls-enclosure { overflow:hidden; } audio::-webkit-media-controls-panel { width: calc(100% + 33px); } </style> </head> <body> <audio controls preload="auto" style="width:100%;"> <source src="https://example.com/audio/audiofile.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio><br /> </body> </html> 看来实际的“修复”对我来说真的很简单 - 我所需要的只是确保 <audio> 标签有足够的宽度来显示所有控件。请参阅下面的屏幕截图上版 <audio controls preload="auto" style="width:100%;" > <source src="https://file-examples.com/wp-content/uploads/2017/11/file_example_MP3_5MG.mp3" type="audio/mpeg"> </audio> 底部版本 <audio controls preload="auto"> <source src="https://file-examples.com/wp-content/uploads/2017/11/file_example_MP3_5MG.mp3" type="audio/mpeg"> </audio> 这可能听起来很奇怪，但请检查您的 HTML 页面是否将 a 作为第一行。 <!DOCTYPE html> <html lang="en-US"> <head> <title>My Page Title</title> ... and the rest of your page's code follows... 如果没有正确的 DOCTYPE，Safari 不会呈现 HTML-5 内容。更多信息： http://www.wimpyplayer.com/docs/common/doctype.html 这个简单的答案在 Andriod 上工作后搜索了太长时间，我终于在 iOS 上进行了测试，如果你使用的是 ionic ，这可以工作 import {normalizeURL} from 'ionic-angular'; MediaSource = document.createElement("audio"); MediaSource.src = normalizeURL(cordova.file.dataDirectory + file.fullPath); 希望这有帮助。与 amp-audio 相同这个CSS（实际上是sass）解决了问题 amp-audio { [class*="amphtml-fill-content"] { width: 100%; } } 我知道这篇文章已经很老了 - 但遇到了这个问题，解决方案并没有解决我的问题，经过一些研究和实验发现，只需用扩展名“.wav”而不是原来的“.wav”重命名音频文件。 mp3”（当然还要确保同一文件在服务器上被重命名）。解决了IOS浏览器播放的问题。探索之旅：我在其他地方读到了类似的问题（https://community.openai.com/t/issues-with-audio-files-from-ios-and-the-x-m4a-format/794701/12）并且本来打算将文件实际转换为 .wav 格式 - 但首先尝试了一个简单的重命名 - 并且成功了！

ios html audio safari compatibility

回答 6 投票 0

useSWR 在 Firefox 和 Safari 中不起作用。 NextJS 应用程序

我使用 useSWR 从后端获取数据，我注意到在 Safari 和 Firefox 中我的请求甚至没有发送，但是当我使用 google chrome 时一切都很完美。可能是什么问题呢？ [获取

next.js firefox safari fetch use-swr

回答 1 投票 0

在react中播放ogg音频文件

我正在开发一个 React 前端，需要播放音频文件。我有一个后端服务，可以为我提供源自 WhatsApp 对话的 ogg 音频文件。在安卓上玩得很好

reactjs safari twilio ogg

回答 1 投票 0

如何在 Windows 上的 Safari 中进行测试？

我是前端开发人员，当我在 Safari 浏览器中使用 css 设计网页时，它的呈现方式与其他浏览器（如 Chrome、Firefox）不同。如何在 Windows 上使用 Safari 浏览器测试我的网页...

css windows browser safari web-frontend

回答 3 投票 0

为什么 iOS 上的 Safari 会在一分钟后重新请求麦克风权限，即使我正在浏览同一选项卡而不重新加载它？

在 iOS 移动 Safari 浏览器中，即使我已经在同一选项卡会话中授予了麦克风权限提示，仍会再次出现。如果之前的录音结束得更久，就会发生这种情况...

javascript reactjs safari audio-recording

回答 1 投票 0

如果我从 iPhone 访问 Web 应用程序，我的部分 HTML 元素不会显示

我是一名初学者，我正在使用 React JS 编写一个网络应用程序。对于我的应用程序的某个部分，我需要动态创建 s，我想出了这个片段：我是一个初学者，我正在使用 React JS 编写一个网络应用程序。对于我的应用程序的某个部分，我需要动态创建 s，我想出了这个片段： <div className="flex flex-col items-center gap-4 w-full px-4"> {descriptions.map((description, index) => ( <div className="flex flex-col justify-center w-full" key={index} > <p className="text-[#3E4D5B] text-xs md:text-sm leading-normal">{description}</p> </div> ))} </div> 由于某种原因，HTML 元素是从 Web Chrome/Safari 显示的，但如果我从 iPhone 访问该应用程序，我会看到空白。我猜，.map 不起作用，但我找不到任何解释。请帮助我！！！！尝试删除 descriptions.map，如果我留下一个，它就会起作用。描述对象本身的唯一标识符作为键。如果每个描述对象都有一个 id 属性，您可以使用它作为键： <div className="flex flex-col items-center gap-4 w-full px-4"> {descriptions.map((description) => ( <div className="flex flex-col justify-center w-full" key={description.id} > <p className="text-[#3E4D5B] text-xs md:text-sm leading-normal">{description.text}</p> </div> ))} </div>

ios reactjs web-applications safari mobile-safari

回答 1 投票 0

面临 Safari 扩展的 ContentBlockerRequestHandler 问题

我目前正在开发一个阻止内容的 Safari 应用程序扩展。我希望用户配置规则（打开和关闭规则）。由于我无法覆盖捆绑的 JSON 文件，我们也无法...

swift safari safari-content-blocker

回答 1 投票 0

Django 网站在某些浏览器上无法访问

我有一个使用 django 构建的 Web 应用程序，该应用程序在子域上在线托管。它工作正常，直到几天前，某些用户开始在尝试访问它时遇到错误，它会说

django google-chrome safari

回答 1 投票 0

如何摆脱 macOS safari 为实时文本功能注入的“影子内容”强制？

我正在创建一个使用 React 的 imagemap 的网站。然而，在 Safari 中，由于实时文本功能，当图像中有文本时，它不会让我与图像交互。我发现 Safari 注入了“

javascript css macos safari

回答 1 投票 0

动态更新的苹果触摸图标不起作用

我正在构建一个网站，可以有一个自定义图标 src URL - 在另一个应用程序中指定。访问该网站时，我想将苹果触摸图标显示为该 src URL 中的图标。如果我努力...

javascript html ios iphone safari

回答 1 投票 0

未定义高度时，CSS 网格中的基线垂直对齐在 Firefox 和 Safari 中不起作用

我需要将多个带有图片和标题的项目排列在网格的一行中，如下所示：图片的长宽比是已知的。柱的数量是已知的。网格的宽度继承自...

css firefox safari css-grid vertical-alignment

回答 1 投票 0

SVG 在 Safari 中出现不需要的 alpha 遮罩行为

我正在尝试将单个蒙版应用于两个重叠的 SVG 元素。我使用以下代码创建了一个简化的实时示例：我正在尝试将单个蒙版应用于两个重叠的 <rect> SVG 元素。我使用以下代码创建了一个简化的实例： <svg viewBox="0 0 100 100" style="background: #000"> <defs>  <radialGradient id="radialFill"> <stop stop-color="white" offset="0.8"/> <stop stop-color="black" offset="1"/> </radialGradient>  <mask id="SVGMask" mask-type="luminance"> <circle fill="url(#radialFill)" cx="50" cy="50" r="50"/> </mask> </defs>  <g id="combined" style="mask: url(#SVGMask);"> <rect id="rect" width="100" height="100" fill="#f90"/> <rect id="rect" width="50" height="100" fill="#fff"/> </g> </svg> <figcaption>Mask 2+ elements Safari bug</figcaption> 在上面的代码中，我有一个橙色<rect>作为背景颜色，一个白色<rect>占据了viewBox的一半，然后我将它们包裹在<g>中并将蒙版应用于整个组。此设置在 Firefox 和 Chrome 中都可以正常工作，但在 Safari 中效果不佳。正如您所看到的，背景中的橙色透过白色显示出来，同时逐渐消失。看起来掩模是分别应用于前部和后部矩形，而不是一次应用于整个组。有人对这个错误有解决方案或解决方法吗？它发生在 OSX Safari 和 iOS Safari 上。（我的用例比这更复杂，但我创建了这个简化的示例来演示该错误）。对此有一个（hacky）解决方法 - 但它确实有效。挑战在于让蒙版将其输入视为位图而不是重叠形状。您可以通过在形状组和蒙版之间的组上插入虚拟过滤器来让 Safari 来执行此操作。进行以下更改：将其添加到您的 SVG defs 中： <filter id="dummy-filter"> <feColorMatrix type="saturate" values="1"/> </filter> 并将绘图标记更改为： <g id="combined" ... etc. <g filter="url(#dummy-filter)"> <rect ... etc. <rect ... etc. </g> </g>

ios svg safari mask

回答 1 投票 0

在阻止检查元素的网站中下载视频

我想从网址下载视频：http://tvhai.org/xem-phim-hoac-nguyen-giap-2006-383757 然而，当我在Inspect Element中搜索视频链接时，该网站屏蔽了所有视频信息。因此...

macos safari safari-web-inspector

回答 2 投票 0

iOS 模拟器无法访问任何 URL，并显示错误“此连接不是私有的”

我遇到了一个问题，我的 iPhone 模拟器无法访问 SAFARI 上的任何网站。我也无法从我的应用程序调用任何 API。 SAFARI 显示的错误是两者之一

ios iphone xcode safari ios-simulator

回答 1 投票 0

如何从 Safari 控制台复制对象？

我想从 Safari 控制台复制对象我尝试右键单击和 crtl + c 但它不起作用