cross-browser 相关问题

跨浏览器开发是指构建网站，Web应用程序，库或组件的实践，以便它们跨不同的Web浏览器和呈现引擎运行。

我可以使用哪些 HTML5 标签而不用担心浏览器兼容性？

我正在构建一个在 PC 上使用的网络应用程序。为了防止 IE8 及以上浏览器出现兼容性问题，应远离哪些 HTML5 标签？注意：大多数问题都是 1-3 年前的问题...

html browser cross-browser compatibility

回答 6 投票 0

从使用网络浏览器设置的客户协议处理程序中删除

我使用浏览器 API 中的 Navigator.registerProtocolHandler() 方法来注册自定义协议处理程序。它运作得很好，并且达到了我的预期。不过，有谁知道如何...

javascript html cross-browser

回答 1 投票 0

使用超链接下载office文件时如何禁用Microsoft Edge提供的office在线查看器？

最近遇到一个问题，我写了如下HTML代码来实现文件下载：最近遇到一个问题，我写了如下HTML代码来实现文件下载： <div id="downloadLinkListEl"> <a href="./xlsx/test0.xlsx?t=1663997904033" target="_blank">test0</a> <a href="./xlsx/test1.xlsx?t=1663997904033" target="_blank">test1</a> <a href="./xlsx/test2.xlsx?t=1663997904033" target="_blank">test2</a> <a href="./xlsx/test3.xlsx?t=1663997904033" target="_blank">test3</a> </div> 以上所有文件的扩展名为.xlsx，可以用Microsoft Excel打开。在大多数浏览器中，代码可以按照我们的预期运行——点击超链接后，会打开一个新窗口，然后开始下载任务。然而，在Edge（Chromium）中，打开了两个窗口，第二个窗口将重定向到微软提供的Office在线查看器 - 这是我们意想不到的。其实这个问题可以通过修改Edge的默认设置来解决：设置中的“在浏览器中打开 Office 文件” 但是对于最终用户来说用户体验很糟糕。那么，在使用 Edge 时，有没有可能直接下载文件而不是重定向到 Office Online Viewer 的方法？我认为这可能与文件请求的响应头有关，因此，我尝试修改它。我使用nginx来托管excel文件。 TL；博士 server { server_name example.net; listen 80; location / { root /var/www/poc; index index.html index.htm index.php; } location /xlsx { root /var/www/poc; index index.html index.htm index.php; # Here are two headers I've added. add_header Content-Disposition "attachment"; add_header Content-Type "application/octet-stream"; } } 详情最初，nginx 没有额外的配置。因此，当我们访问 .xlsx 文件时，服务器将在 Content-Type 标头字段中使用其默认文件类型进行响应。喜欢： Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet 也许这是解决这个问题的关键？ 🤔 所以我改变了它的默认值Content-Type与 add_header Content-Type "application/octet-stream"; 在 nginx 配置中。然后我发现这可能仍然不起作用 - 我不确定这是否是由于响应中存在两个 Content-Type 标头引起的。 Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet Content-Type: application/octet-stream 但是在我添加另一个标题后Content-Disposition与 add_header Content-Disposition "attachment"; 此问题不再出现，文件可直接下载。问题可能会得到解决吗？有件事还没弄清楚边界条件让Edge决定文件应该直接下载还是在在线查看器中打开。您最终是否找到了不需要最终用户采取任何步骤的解决方案？

html cross-browser microsoft-edge chromium web-frontend

回答 2 投票 0

Facebook 的应用内浏览器

当我点击 android/iOS facebook 应用程序中的链接时，打开的浏览器是什么？是facebook自己的浏览器吗？我是否需要开始担心它与通常的 Firefox/

facebook browser cross-browser

回答 2 投票 0

通过浏览器禁用调试器语句

我正在尝试设计一段包含 debugger 关键字的代码。我正在使用调试窗口（IE、FF、Opera）来查看 CSS 样式效果，但每次刷新时调试器都会停止

javascript html cross-browser javascript-debugger debuggervisualizer

回答 3 投票 0

无法通过从我的节点后端创建的预签名 URL 将 PDF 上传到 S3 存储桶

场景：客户端（Nextjs 客户端组件）查询后端（NextJS Rest 端点）以获取预签名 URL 后端通过 getSignedUrl 获取 S3 的预签名 URL 从 ... 导入 { S3Client, PutObjectCommand }

javascript amazon-web-services amazon-s3 cors cross-browser

回答 1 投票 0

在打字稿中使用浏览器特定属性的正确方法是什么？

具体来说，我想在 FireFox 中的 Error 对象上使用“fileName”和其他额外属性。但是这样的东西给了我红色下划线，我可以简单地忽略它，但它

javascript typescript types error-handling cross-browser

回答 1 投票 0

获取 requests.exceptions.InvalidHeader：来自 ('Sec-Gpc', 1) 的标头部分 (1) 必须是 str 或 bytes 类型，而不是 <class 'int'> 尽管 Chrome 会发送它

当尝试在标头中使用 Sec-Gpc 属性时，我得到 requests.exceptions.InvalidHeader：标头部分 (1) from ('Sec-Gpc', 1) 必须是 str 或 bytes 类型，而不是：标题= { ...

python python-requests cross-browser request-headers http-request-attribute

回答 1 投票 0

window.open 在 Mac 中处于全屏浏览器模式时在新选项卡中打开

我的 Next.js 函数中有以下代码。我希望在同一选项卡中打开该网址，但在一个新的较小窗口中打开。 window.open(url, '_blank', 功能) 特征在哪里，常量特征 = `wi...

javascript macos browser cross-browser window.open

回答 1 投票 0

a 的不透明度过渡：悬停不起作用

我希望所有链接元素都显示一致的行为。 a:悬停{ 不透明度: 0.5; } 这适用于 IE 和 Firefox，但不透明度（以及相关的 CSS 过渡）未正确应用于...

css google-chrome safari cross-browser opacity

回答 2 投票 0

检查 Javascript 删除功能的支持

在 Javascript 中你可以删除对象属性： var o = { x: 1, y: 2 }; var wasDeleted = 删除 o.x; 现在 o.x 应该是未定义的并且 wasDeleted 是 true。但是您只能删除本机对象...

javascript cross-browser ecmascript-5 browser-feature-detection

回答 2 投票 0

是否有标准方法来处理跨浏览器的网络错误和阻止的请求？

根据获取规范 https://fetch.spec.whatwg.org/#concept-network-error 网络错误响应的状态应为 0。但是对于这些错误情况，我们看到浏览器实现了该功能...

javascript browser cross-browser fetch-api

回答 1 投票 0

使用 <img> 与海报属性作为 HTML5 视频标签的后备图像有什么区别？

在视频不可用、加载缓慢、操作系统限制或不支持 HTML5 标记的情况下，浏览器实际上如何回退到这些选项？在视频不可用、加载缓慢、操作系统限制或不支持 HTML5 标记的情况下，浏览器实际上如何回退到这些选项？ <video src="/video.mp4" poster="/fallback-image.png" /> <video src="/video.mp4"> <img src="/fallback-image.png" /> </video> <video src="/video.mp4" poster="/fallback-image.png"> <img src="/fallback-image.png" /> </video> 跨浏览器的首选方法是什么？两者同时使用有意义吗？海报不是后备图像。这是在视频播放之前显示的图像。添加 img 元素作为 video 元素的内容仅适用于浏览器非常旧且不知道 <video> 元素是什么的情况。显然，如果浏览器不知道 <video> 元素是什么，它就不会知道海报属性的作用。

html cross-browser html5-video

回答 1 投票 0

在 Firefox 中重置 <input type="time"> 的值

我发现一个有趣的跨浏览器问题，使用 jQuery 的 .val 来清除 HTML 时间输入。我想动态禁用输入并清除表单中的值。看来 Firefox 需要这样才能实现......

jquery html firefox cross-browser

回答 2 投票 0

内联 SVG 在 Safari 和 Mobile Safari 中中断

我最近推出了一个使用了一些内联 SVG 的网站。我最近推出了一个使用了一些内联 SVG 的网站。 <svg class="divider-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 55.221 58.079" enable-background="new 0 0 55.221 58.079" xml:space="preserve" preserveAspectRatio="xMidYMid meet"> <path d="[...]"/> </svg> Chrome 和 Firefox 中一切都很完美，但当我在 iPhone 或桌面版 Safari 中测试时，布局完全被破坏，许多 SVG 都丢失了。我通过 W3C 验证器运行了源代码，一切都找到了。我经常使用 SVG，所以这很令人困惑...... 事实证明，如果省略 height 和 width 属性，Safari 和 Mobile Safari 就会崩溃。我使用 CSS 设置尺寸，这在其他浏览器中运行良好。但我必须重新添加这些属性以使其行为一致： <svg class="divider-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="55.221px" height="58.079px" viewBox="0 0 55.221 58.079" enable-background="new 0 0 55.221 58.079" xml:space="preserve" preserveAspectRatio="xMidYMid meet"> <path d="[...]"/> </svg> 注意上面缺少的 width 和 height 属性。此外，有趣的是，preserveAspectRatio 的值很重要。我还有其他几个具有 preserveAspectRatio="none meet" 的内联 SVG 元素，它们不受此问题的影响。另一个场景/修复方法是，如果您通过 CSS 缩放 SVG，以确保同时声明了 max-width 和 max-height。 .whatever svg { vertical-align: middle; max-height: 1rem; max-width: 1rem; } 我也遇到了这个问题，其中只有许多重复的 SVG 中的第一个会显示在列表显示中。这是因为 SVG 在元素中有一个带有 ID 的 ClipPath。解决方案是为除第一个之外的每个 SVG 删除中的，或者将其全部删除。

css svg safari cross-browser mobile-safari

回答 3 投票 0

带有与图像宽度匹配的Figcaption的浮动图形。适用于 Firefox 和 Chrome 的 CSS 解决方案

基本上我有一个浮动图像，它具有基于正在加载的图像的任意大小（上限为某个最大宽度％），下面有标题。（在示例中，我仅为

css cross-browser

回答 2 投票 0

省略号现在在 Safari 中以渐变文本显示

我有一个带有用户图标和电子邮件的 HTML 块，文本颜色是渐变的。问题是当我将屏幕缩小到最小尺寸时，省略号在 Safari 中不显示，尽管它可以工作......

css safari cross-browser ellipsis

回答 1 投票 0

在浏览器中下载视频，而不是在新选项卡中播放[CORS]

我有并且在其 href 属性内，我从第 3 方 api 获得了一个视频 URL，当单击该时，浏览器会打开一个新选项卡并播放视频而不是下载它！