无法在iphone的chrome、safari和firefox上加载Webp图像
WebP是一种现代的图像格式，它提供了更高的压缩率和更好的图像质量，相比于传统的JPEG和PNG格式。然而，iPhone的Chrome、Safari和Firefox浏览器目前不支持直接加载WebP图像。
WebP图像在iPhone上无法加载的原因是因为这些浏览器没有内置对WebP格式的支持。因此，当在这些浏览器上尝试加载WebP图像时，它们会无法识别该格式并显示加载失败。
为了解决这个问题，可以采取以下几种方法：
- 使用其他图像格式：可以将WebP图像转换为支持的格式，如JPEG或PNG。这样可以确保图像在iPhone的Chrome、Safari和Firefox浏览器上正常加载。然而，这样做可能会导致图像质量的损失或文件大小的增加。
- 检测浏览器支持：在网页中使用JavaScript代码来检测用户所使用的浏览器，并根据浏览器的支持情况选择加载适当的图像格式。可以使用现有的库或编写自定义代码来实现此功能。
- 使用图像转换工具：可以使用图像转换工具将WebP图像转换为其他格式，并在网页中使用转换后的图像。这样可以确保图像在所有浏览器上都能正常加载，但需要额外的转换步骤和存储空间。
总结起来，为了在iPhone的Chrome、Safari和Firefox浏览器上加载图像，可以将WebP图像转换为其他格式，或者使用JavaScript代码检测浏览器支持并选择适当的图像格式。这样可以确保图像在所有浏览器上都能正常加载。
相关·内容
我的html页面中有两个webp文件类型的图像。 <img src="./assets/beros-capak.webp" class="article-image" />
<img src="./assets/mapa.webp" class="article-image" /> ? 但是，正如您在上图中看到的，第一个webp图像未加载，而另一个图像加载正常。 我在chrome，firefox和safari的iphone上测试过，他们都不能加载第一张图片，而在android和mac pc上加载这
浏览 52提问于2020-12-08得票数 1
我最近将客户端站点(WordPress)上的各种图像转换为WebP格式，并且正在使用“图片”标记在下一代浏览器版本上显示它们，其中包含一个可用的备用图像。 示例： <picture>
<source srcset="my-folder/my-image.webp" type="image/webp">
<source srcset="my-folder/my-image.png" type="image/png">
<img src="my-folder/my-image.png
浏览 65提问于2021-06-24得票数 1
1回答
我开发的许多来自的图片在iOS上使用Safari时并没有加载。Safari在MacOS上正常加载，以及Chrome、Edge和火狐浏览器在移动或个人电脑上加载。
主要问题与客户端滑块中的图像有关，即由于某种原因无法显示。
我不使用.WEBP图像
没有HTTPS混合内容。
缓存和延迟加载被禁用。
该网站使用WordPress和PHP开发。
所讨论的图像可以直接加载(如果通过URL访问)
我没有iPhone，但我的客户端有(这就是我们发现问题的方法)，所以我能够测试所做更改的唯一方法是使用在线模拟器。
有谁可以帮我？
浏览 4提问于2020-06-23得票数 1
回答已采纳
在我的网站上，我已经添加了webp格式的所有图像。所有这些图片在Chrome和Firefox浏览器中都可以正常显示，但在Safari中无法正常显示。
浏览 5提问于2019-10-21得票数 36
1回答
我最近在我的apache服务器上安装了mod_pagepeed。现在的问题是，我有大量的缓存，到.webp的优化路由产生了大量关于丢失图像的404错误。这只在chrome、opera和safari上可见。在firefox和internet explorer上看起来一切正常(可能是因为它们不支持webp并调用原始图像)。
我很好奇是否有一种方法可以启用mod_pagespeed的所有默认优化，同时禁用图像的webp转换。目前这些图像的路径有时会起作用，但有时会以“找不到”错误结束。
看看这个例子: EI和火狐中的，一切都会显示出来。在chrome、opera和safari中，许多图像都不会出现。
浏览 4提问于2019-01-08得票数 1
1回答
为了加快HTML页面的加载速度，我将图像转换为webp格式，并使用了“图片”元素，如下所示： <picture>
<source data-srcset="images/gallery/urban.webp" type="image/webp">
<source data-srcset=images/gallery/urban.jpg" type="image/jpeg">
<img data-src="images/gallery/urban.jpg"
浏览 19提问于2019-05-02得票数 5
1回答
我正在从事使用tokbox api的音频发布项目。应用程序在大多数设备上运行良好，但在使用Chrome、火狐时却可以获得Incompatible Browser。
Safari工作，但Chrome和firefox显示了错误。被测试的设备-
iPhone 6: Safari工作，Chrome和火狐的问题
iPhone x: Safari，Chrome和火狐的问题
iPhone xs: Safari，Chrome和Firefox的问题
由于我无法在这些设备上调试铬控制台，因此无法了解问题的根源。在这个问题上寻求帮助。
浏览 1提问于2019-01-05得票数 1
回答已采纳
2回答
我尝试使用html中的<picture>标记加载"webp“图像，以加快加载时间。这可以工作并加载webp映像：
<picture>
<source srcset="img/imageXYZ.webp" type="image/webp">
<img src="img/imageXYZ.png">
</picture>
这可以工作并加载png映像：
<img src="img/imageXYZ.png">
但是Firefox、Chrome和Edge无法
浏览 2提问于2019-03-05得票数 2
回答已采纳
我使用Chrome和安卓手机，只在好友iPhone上查看我的网站。在我的主页上没有标志在标题，和视差图像在主页上没有加载。
网站：https://www.obsidianurbexphotography.com/
其他图片在网站上加载良好。那里看起来有正确的@2x图像。网站也使用WebP图像，但据我所知，如果设备不能显示WebP，图像格式将默认为jpg/png。
任何建议都会感激地收到，因为我不再有一个iPhone检查：
浏览 0提问于2017-10-07得票数 -1
回答已采纳
我现在有一个iPhone，它通过WebRTC连接到浏览器，从那个浏览器我有其他的浏览器窗口通过webRTC连接，这些窗口可以预览相同的视频流。
iPhone > Safari (视频作品)> Chrome/ Firefox /Safari iPhone>Firefox(视频作品)> Chrome/Firefox/Safari桌面工作，以及iPhone> Chrome (视频作品)> Chrome/Firefox/Safari显示黑色视频
我的问题有点难以解释，所以我创建了一个图像来帮助说明这个问题：
最疯狂的是，当源代码是Android设备或其他浏
浏览 0提问于2020-08-06得票数 0
我有一个网站，我做了响应式的，并利用<picture>元素来提供webp，avif，并有一个png后备对较旧的浏览器。它应该看起来像这样(Chrome/Safari)：
由于某些原因，某些浏览器(桌面和移动设备上的Firefox94，iOS 14<上的Safari )将加载AVIF格式的图像，但将使用来自<picture>元素内的备用<img>标记的显式width和height，从而导致图像变形。
有问题的站点是： (将浏览器的宽度拉到<768px即可查看问题)。
我用来进行图像选择的代码如下：
<picture>
浏览 3提问于2021-11-13得票数 1
1回答
我们使用一个名为Imgix的服务，它以最合适的格式为请求图像的客户端提供图像。因此，如果对JPG的请求来自Chrome，它将发送一个WEBP图像。如果它来自Safari，它将使用JPEG2000。
我们还使用Akamai作为CDN，因此Akamai位于用户和Imgix之间。
如果第一个图片请求来自Chrome，Akamai将缓存WEBP格式，以后任何请求相同图片的请求都将收到WEBP图片，这意味着Safari用户将无法查看该图片，因为它与WEBP格式不兼容。
可以将AKAMAI配置为根据格式缓存不同的图像吗？
浏览 6提问于2019-10-22得票数 0
最近，我用WebP压缩的图片交换了我网站上的所有图像，页面洞察力的得分高达97。然而，我发现我的页面在IE、Safari和Firefox (除Edge和Chrome之外的所有其他主要浏览器)上都不能工作。
那么，谷歌为什么要发布这些不明智的信息呢？
浏览 0提问于2020-04-29得票数 3
回答已采纳
1回答
我有一个问题的PNG图像没有显示在Safari和iOS上。它们在Chrome上工作得很好，但当我在Safari上打开页面，或者在iPhone上打开Safari/Chrome时，PNG图像没有显示出来。
检查员说，由于服务器关闭了连接，无法加载图像。
值得一提的是，所有其他图像类型，如JPG或SVG，都可以在所有浏览器上正常工作，只有pngs受到此问题的影响。
你知道问题出在哪里吗？
有问题的网站：
浏览 22提问于2017-06-26得票数 0
1回答
我正在寻找一个解决方案，以显示基于浏览器类型的不同类型的图像。我想要显示png文件，以防浏览器是safari和webp文件，以防浏览器不是safari。 我认为这个线程已经交付了正确的js代码：How to detect Safari, Chrome, IE, Firefox and Opera browser? // Safari 3.0+ "[object HTMLElementConstructor]"
var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.
浏览 17提问于2020-09-09得票数 1
如果Div具有textContent和背景图像，则文本和图像在所有浏览器中都可见。
但是如果textContent被移除(例如，通过从下面的代码中删除textContent行)，图像仍然在Chrome和Firefox (windows)中可见(根据需要)，但在Safari (iphone)中则不可见-屏幕完全空白。
<body>
<script>
var myDiv = document.createElement('div');
myDiv.style="width:100px; height:10px;";
myDiv.style.b
浏览 0提问于2016-08-26得票数 0
我正在使用JS更改表行的innerHTML，并将其替换为图像源。它在Chrome和笔记本电脑上运行良好，但在iPhone safari上，图像无法加载。感谢任何人的帮助！
var cell2 = row.insertCell(1);
cell2.innerHTML='<img src='+JSON.stringify(obj[property].image_url)+'/>';
浏览 17提问于2019-10-29得票数 0
我的webapp有一个内容安全策略，它将images设置为*(从任何地方加载图像)，但是Chrome仍然阻止一些图像的加载.
拒绝加载映像的数据: image /webp；base64 64，UklGRhoAAABXRUJQVlA4TA0AAAAvAAAAEAcQERGIiP4HAA==‘，因为它违反了以下内容安全策略指令：“img *”。lg @ geometry&v=3&callback=async_req_1:84(anonymous函数)@ js?libraries=places，geometry&v=3&callback=async_req_1:11
浏览 0提问于2015-12-04得票数 8
回答已采纳
我正在为Iphone开发一个web应用程序。我有一个使用画布的网页，我使用画布drawImage()函数在画布上绘制线条、方框、圆和一些图像。该页面可以在windows chrome、windows safari、OSX chrome和OSX safari中正常加载和运行，但不能在iphone safari中运行。
它似乎止步于drawImage()函数。我搜索了关于Iphone是否支持画布drawImage功能的信息，但什么也找不到。我错过了什么？
浏览 0提问于2011-04-07得票数 1
我正在使用nodejs托管一些我的网站使用的图片。它在更新版本的safari、chrome和firefox上运行良好。但对于一些使用旧版本safari的人来说，拥有旧ios设备的人无法使用该网站，因为由于ssl错误，图像将无法加载。
这是旧版safari在控制台中显示的内容。
无法加载资源:出现SSL错误，无法与服务器建立安全连接。
这是网站：我的nodejs服务器使用https，并有一个使用cloudfront的亚马逊网络服务证书。
浏览 0提问于2019-09-28得票数 0
1回答
虽然Chrome可以完美地在本地运行，但在应用程序部署后，Chrome不会渲染WEBP图像。既不通过图片标签，也不通过标准img。参考网站：
示例：
<picture>
<source srcset="https://cdn.neuralle.com/assets/v2/case_studies/lwc-24ac69b1ab68da006ef9e1ecc8bd9025aaf646a684235811b9b2afa9efebc07e.webp" type="image/webp" class="lazyloading">
浏览 43提问于2021-02-27得票数 0
回答已采纳
我有一个涉及Google和一些JavaScript代码的项目。该页面构建在jQuery移动平台上。我的网页测试在Chrome，FireFox，Opera和IE的桌面，以及各种移动电话。
它不仅在iPhone (4，或5)上工作。我的意思是，在安卓、WP8、Chrome iPhone模拟器下，一切都很好，甚至可以在iPad (如果重要的话)上完美地工作。
看起来Google Maps API根本没有加载。它应该在页面加载后初始化，然后在页面中显示一个映射。但什么都没有。此外，对于查询用户的位置没有任何警告，这在使用iPad时确实会发生。
iPhone上的safari版本与我的iPad操作系统7.
浏览 1提问于2014-02-05得票数 0
回答已采纳
1回答
我们在一个单页面的.net核心网站上使用JS HERE地图(v3.1.16)。 这款地图在Chrome、IE11、Edge和Firefox桌面上都能正常加载，在安卓设备上也能正常加载。但是，它不会在任何iPhone或iPad浏览器上加载。 我们可以看到我们的自定义标记，但是没有返回地图图像，我们只是得到了一个蓝框。 我试过浏览这里的地图文档(https://developer.here.com/documentation/examples/maps-js)上的示例，但这也不能在iPhone上的Safari中加载地图。我们已经尝试了2个iPhones和一个iPad。 这是一个已知的问题吗？我们
浏览 14提问于2020-06-14得票数 1
1回答
我试图在iPhone/iPad上展示SVG。此代码在ASP.Net页面中运行。我正在使用拉斐尔显示图形和所有其他爵士乐拉斐尔处理。但是，我的代码实际上并不在iOS上执行。
img = new Image();
//img.onload = function () { drawLayersWhenAllAreLoaded(); };
if (img.addEventListener) {
img.addEventListener('load', drawLayersWhenAllAreLoaded, false);
}
else {
img.att
浏览 0提问于2013-10-18得票数 1
回答已采纳
我在我的网站上有一个视频播放器。通过Youtube iFrame API展示。一切正常，但是在视频的结尾，在Chrome中，播放器加载了不存在的webp图像( https://i.ytimg.com/vi_webp/******/maxresdefault.webp )。在firefox中，它加载jpg图像并正常显示( https://i.ytimg.com/vi/******/maxresdefault.jpg )。
有没有办法强制加载jpg镜像？
浏览 2提问于2015-10-08得票数 4
1回答
我的代码试图创建一个websocket连接。
它适用于Windows、Mac和Ubuntu，以及Safari、Firefox、Chrome和Edge。
它在iOS (iPhone和iPad)上不起作用，我只在Safari和Chrome上测试过这个故障。我想它可能也不适用于iOS上的其他浏览器。
我在iPad上得到了以下错误：
错误: Websocket连接到'wss://XXXX‘失败:操作无法完成。(kNWErrorDomainPOSIX错误14 -坏地址)。
在iPhone上，它给出了一个稍微不同的错误：
错误: Websocket连接到'wss://XXXX‘失败:操作
浏览 6提问于2022-01-25得票数 2
2回答
我已经等了很长时间使用.webp图像了。
现在是2022年，所以，考虑到：
这种图像格式已经存在了十年。
Chrome于2014年1月开始支持.webp
火狐于2019年1月开始支持.webp
前一天，我决定大胆尝试，把网站上的一堆.png图片转换成.webp图片。
新手失误。因为，当然，我应该先检查：，这会告诉我，Safari在macOS 11.0BigSur(2020年11月)之前的任何事情上都不支持.webp图像。
但我厌倦了等待。所以..。我想，Safari可以继续使用.png图像。
因为我绝对是想要为火狐，勇敢，Chrome，边缘，歌剧等用户提供.webp图像。
浏览 14提问于2022-02-11得票数 2
回答已采纳
说：
可满足
如果为真，则可以动态编辑元素；如果为false，则不能编辑元素。
可用性
可在Safari 1.2及更高版本中获得。可在iPhone OS1.0及更高版本中使用。
然而，在我的iPhone上，我无法让它工作。有人成功了吗？
您可以在上试用它(诚然，这不是纯html，但该文档在桌面Safari、Chrome和Firefox 3中都可以使用)。在移动Safari中，我甚至连最简单的html文档都无法编辑。
浏览 13提问于2009-04-06得票数 13
回答已采纳
我的产品页面上有一个Javascript图像切换器。它在IE和Firefox中工作得很好，但是Safari和Chrome都无法在一些页面加载上加载脚本。刷新似乎可以修复它，但当更改产品页面或语言时，它会崩溃。
我正在使用Wordpress，脚本是varal.org/media/imageswitcher/
谢谢!安东
浏览 0提问于2010-02-09得票数 0
回答已采纳
我刚刚切换到webp图像，并注意到它们不工作。我正在使用a lazy loading plugin来处理这些图像的加载。这就是问题所在。我希望能够提交一个拉取请求来解决这个问题。如果可能的话。 下面是一个示例，演示了两种不同图像格式的成功和失败： https://codepen.io/corylogan/pen/OJJMERo?editors=1010 下面是后人的代码 const loadImageAsync = (item) => {
let image = new Image()
console.log(item)
image.src = item
image.o
浏览 19提问于2019-10-13得票数 0
回答已采纳
有一台Windows2016服务器，其IIS10运行ColdFusion 11。某些网站(带有https://) )不会仅在iPhone和iPad上加载默认主页。默认主页在Windows10上的所有浏览器上都加载得很好，甚至在苹果的Safari和Chrome上也是如此，但在Safari和Chrome的iPhone和iPad上却无法加载--它们只是超时了。如果我将默认页面的名称放在URL中，它将在这些IOS移动设备上正常加载，但如果我只使用站点的域名，它将无法加载。IOS版本是最新的。如果我们将默认页面设置为html页面，它将加载；如果我们将其设置为cfm页面，它将不会加载。
所以失败的情况是在
浏览 2提问于2017-04-27得票数 1
1回答
浏览器兼容性问题
、、、
当我们在浏览器中调用带有Mozilla Firefox图像的html页面时，浏览器无法在windows中加载图像，但在chrome中图像甚至在IE中也会显示，并且当我们在Ubuntu Mozilla Firefox中调用同一页面时，图像将被显示，同样的问题在Mac中Mozilla Firefox图像无法加载显示。但在safari浏览器中显示的是图像。
当我们在安全模式下运行Mozilla Firefox时，可以在窗口中显示图片。
浏览 0提问于2016-03-22得票数 0
1回答
我正在开发一个支持移动设备和桌面设备的网站。我正在使用创建一个图片库，它可以使用哈希标签进行深度链接。
但是我注意到了iOS5和iPhone5的ipad模拟器中的一个问题，我必须在图片库中点击两次图像库中的一个类别，才能使事件正常工作。它可以在OSX上的chrome/safari/firefox上运行，只要点击一下就可以了。
到目前为止，我只在iphone/ipad上看到过这种情况。对桌面浏览器为什么只需一次点击就能正常运行有什么想法，但是ipad/iphone上的iOS需要两个吗？--我在这里很困惑。我无法判断问题是与我的标记/javascript有关，还是jquery/safari在iPa
浏览 4提问于2012-09-26得票数 5
回答已采纳
我正在开发一个网站，我想使之与“缺口”的iPhone (Iphone，11等)兼容，但我无法找到一个工具来正确地模拟我的网站在这些类型的iPhone上的外观。
例如，这个被底部横过。当应用程序作为PWA加载时，或者当浏览器的“底部操作菜单”被折叠时，就会发生这种情况。
在手机上加载网站似乎没有其他解决方案。
以下是我的研究结果：
Safari:不允许在带有缺口的iphone上模拟网站
Chrome:有一个选项可以在iphone的尺寸上显示浏览器，但它不模拟凹槽或底部条。
Firefox:没有任何选择
浏览 1提问于2020-03-15得票数 1
回答已采纳
1回答
有人知道iOS7 iPhone的Safari在视频标签中的海报属性是否有问题吗？
虽然我的应用程序适用于Chrome (iPhone，iPad，笔记本电脑)和iOS7 Safari (仅适用于iPad)，但我的应用程序一直存在问题。虽然视频播放得很好，但iOS7 Safari for iPhone并没有呈现海报图像。
根据HTML5Test.com，iOS7 Safari for iPhone支持视频元素并提供海报图像支持。但是，使用的示例代码，您会注意到iPhone上没有为Safari加载海报图像(但它在Chrome上运行得很好)。
此外，每个苹果公司(见“展示海报”)：
“设置海报图像通常
浏览 0提问于2014-02-04得票数 4
回答已采纳
1回答
来自的交叉邮件
描述：
我不能在iOS上播放音频，无论是在Safari还是Chrome上。
我试过的是：
autoplay直接放在组件上。#1463让我立刻想到这是行不通的。但是#1463的描述意味着它不适用于安卓的Chrome，但它是为我工作的。
使用entity.components.sound.play()，既可用于setTimeout，也可用于用户事件。
这两种方法在Android和桌面浏览器(Chrome、Safari和Firefox)的Chrome中都正常工作。在Firefox for Android中，我的应用程序甚至在尝试音频之前就崩溃了，但这只是信息，我没有关
浏览 0提问于2016-07-28得票数 1
回答已采纳
1回答
我正在开发一个简单的网站使用html，css/bootstrap和JS。我收到了Iphone用户的反馈，有些功能在IOS手机上不起作用。有些图像不能加载，counter-up也不能工作。在windows和android上运行良好(chrome和Firefox)。问题是，我如何创建一个环境来模拟IOS移动设备，以检查safari浏览器如何加载我的站点？我尝试在windows中安装safari，但在IOS中显示不等于执行。我认为browsershots不是一个好的想法，因为它只处理静态内容，并且目前返回500个内部服务器错误。
浏览 25提问于2021-11-22得票数 0
回答已采纳
我在我的jekyll站点上使用javascript实现了一个即时搜索功能： (Repository：)
它在Chrome和Firefox上运行得很好。然而，当我在Safari上测试它时，无论是在Mac或iPhone上，脚本似乎都无法工作。
我能做什么?
浏览 2提问于2017-12-03得票数 4
1回答
我的网站出了点问题。在一些浏览器中，如Safari、Opera、IE6和Chrome；当图像不存在或无法加载时，我会得到文本帮助(或图像帮助)。它出现在每个浏览器正确加载的lupe (搜索按钮)上方。例如，在Opera中，它在lupe上显示文本" image“，在Safari中显示蓝色的"?"，而在Chrome中，它显示一个带有几何图形的图像。
在Firefox中，它工作得很好。我不知道这是不是css的问题。顺便说一下，我使用的是Joomla 1.7。
用于加载图像的代码为：
#search .search .button {
background: url("
浏览 2提问于2012-01-12得票数 1
我用的是opencart 2.2.0.0，它在chrome，opera，firefox上运行得很好，
但不适用于safari和internet Explorer11。
特别是在iphone、safari上，用户无法使用正确的用户名和密码登录
浏览 0提问于2017-03-03得票数 0
我正在使用angular 6，我注意到.webp图像没有显示，对jpg，png没有问题。如何在angular 6中显示webp图像？
它可以在google chrome上运行，不能在mozilla firefox上运行。
浏览 4提问于2018-07-21得票数 0
以下是当前只在桌面mac 浏览器中触发的问题。预览图像：
使用的页面框架: bootstrap3、fullPage.js、jquery等；
复制此问题的步骤:使用桌面mac 浏览器多次上下滚动，最终将在此滚动部分(红色框部分不可见)中看到文本被切断，但是，当首次在Mac浏览器上加载页面时，在此部分输入hashtag url autoscroll时不会出现这种情况。
目前作为我的测试结果：
桌面窗口chomre，windows safari，windows firefox，
桌面mac firefox，mac safari，
ipad chrome ipad safari
浏览 2提问于2014-11-21得票数 1
1回答
更新：桌面Safari中也存在问题(不仅仅是移动safari)
FIRST：有类似的问题，但似乎没有一个问题涵盖了这个bug/问题/特性/任何-苹果-调用-it。
PROBLEM：我有一个带有全屏图像的图片库.所以一次只能看到一幅图像。当第二个视图被触发(导航或滑动)时，我希望下一个图像会显示出来。这在所有的桌面浏览器(IE8+，chrome，firefox)上都能很好的工作。等)
但：在iPhone上，视口外(屏幕外)的图像没有加载，并且在视图处于活动状态时不加载：
示例：
测试：在桌面浏览器中(在chrome中最好)，然后在iOS上(在iOS 7模拟器和真实iPhone上测试)
有趣的：我
浏览 5提问于2013-12-19得票数 2
回答已采纳
1回答
我们在我们的网站(www.senia.ro)上使用NivoSlider，但它不能加载到iPad上。它适用于火狐，IE，Chrome，Safari在iPhone上，但它堆叠图像和<'li>在iPad上。我已经尝试设置宽度和高度值，但它仍然无法加载。这是一个兼容性问题吗？
浏览 0提问于2013-10-25得票数 0
我在我的新网站上遇到了谷歌浏览器的问题，我正在设计不同图片的iPhone，我遇到的问题是所有其他浏览器的代码加载都很好，iPhone显示正确，然而在Chrome上，由于某种原因，它似乎将图像放大到了稍微模糊的程度，它还将图像向左移动了大约1px，使得最终用户可以明显地看到iPhone是分开的。
HTML代码
<!-- Copyright 2012 Ben Green -->
<!-- v1.1a Just iStuff -->
<!-- Not to be reproduced without permission -->
<!DOCTYPE html
浏览 2提问于2012-04-19得票数 0
1回答
当我试图在firefox上加载图片时，我看到了一些意想不到的行为。在我的web应用程序中，我构建了一个图表。当我在图形上悬停点时，会呈现一个工具提示，并在该工具提示中呈现一个图像(以及一些文本)。当我在firefox上呈现它时，图像开始显示已加载的内容，然后一旦完全加载，将被替换为已损坏的页面图标。(见下文所述)。
这些图片是从亚马逊的S3下载的，这可能是相关的。另外，这个工具提示是由重新图表库呈现的，在普通的js中，组件是在我的React应用程序中导入的。加载图像的行很简单：
<img src={image_url} width="336px" />
这发生在我当
浏览 2提问于2020-10-16得票数 0
请原谅我的英语。
如你所知，Webrtc与iphone上的Safari IOS不兼容。所以我需要强制链接打开firefox而不是safari。
我找到了chrome的解决方案：
googlechromes://google.com
如果我对firefox执行同样的操作：
firefox://google.com
它会打开firefox，但不会加载url。它只会显示上一次我在firefox会话中打开的url的firefox。
所以我搜索了一下，发现了这些：
但这些解决方案都不能回答我的具体问题。
是否有人已经面临同样的问题？
提前谢谢。
亲切的问候
Gauthier
浏览 0提问于2017-06-13得票数 3
3回答
jQuery手机不能在安卓设备上动态更改图像。请帮帮忙。
其他信息：
我想要做的是改变一个安全映像。它在我的机器上本地运行，但我可以通过我的网络ip地址访问代码和apis，并且它可以工作。当我试图改变我从一个url得到的图片时，它只会在safari中改变，我已经尝试过chrome，Firefox等，但是没有成功。
我尝试在后面设置一个date.getTime()，但也不起作用。我已经调试了代码，当我按下按钮时，图像没有任何变化，输入字段变为null。
因此，我的问题是每次单击按钮时都会更改图像。
$("#newSecurityCode").on("click"
浏览 0提问于2019-02-20得票数 0
我已经添加了加载图像，在资源管理器和chrome中运行良好。但不能在mac和iPhone上使用苹果safari。无法显示图像
以下是代码
<script type = "text/javascript">
function pic1()
{
document.getElementById("img").src = "images/waitnew.gif";
}
</script>
<button id="btn_item_search" cl
浏览 1提问于2015-08-10得票数 0
1回答
由于未知的原因，我的现代化在Safari似乎是随机的基础上不能像预期的那样工作。
简而言之，我主要检查图片格式(Webp、Jpeg2000和JpegXR)，并且在Chrome、Edge和Mozilla中工作得很好，我的问题是Safari，在IPad上进行了测试。
=>我打算根据兼容性提供图像
html.webp.no-jpeg2000 {/** webp */}
html.jpeg-2000 {/** j2k */}
html.no-webp.no-jpeg2000 {/** fallback */}
我已经为"var_dump“类构建了一个小脚本：
$(docum
浏览 0提问于2020-09-04得票数 0
回答已采纳
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
腾讯云开发者
