标签: cross-browser

我制作了一个在所有浏览器中都可以正常呈现的网站，但是当在手机或平板电脑上查看时，体型字体的重量font-weight: 100;刚刚好。

有没有办法编写一个 css 条件来定位手机和平板电脑，类似于 IE 条件？

<!--[if IE]>
According to the conditional comment this is IE<br />
<![endif]-->

此代码在Google Chrome中运行良好,但无法在Internet Explorer中使用:

document.getElementsByClassName('info')[i].remove();

还有其他方法可以做同样的事情,还是可以.remove()在Internet Explorer中工作？

ES5和ES6之间的行为差​​异要小得多.这些差异可能会导致在使用现代浏览器(支持ES6)进行解释时在ES5中编写的脚本出错.这个问题如何解决？

现在我正在编写一个关于JavaScript编码的实验室作品.我知道有一种类似的结构

if ('field' in object) {
    /* Do something with object.field */
}

用于确定一个名为fieldtrue 的变量,object即使它等于undefined也是如此.

我的Firefox Developer Edition 44能够确定数组中是否有这样的字段:

if (0 in array) {
    /* Do something with first element */
}

问题是:这种方法合法吗？它是生活标准的一部分吗？

它应该做什么:
让q成为具有这些元素的数组:

[ 5, <1 empty slot>, undefined, 5 ]

然后:

• 0 in q,2 in q,3 in q等于true;
• 1 in q等于false.

我们正在开始一个项目并希望与浏览器兼容 - 这似乎表明我们需要确保我们使用的JavaScript版本适用于我们打算支持的所有浏览器.以下是一种合理的方法来测试每个浏览器中JavaScript级别的工作原理吗？

<script language="javascript1.0">alert("Your browser at least supports JavaScript 1.0");</script>
<script language="javascript1.1">alert("Your browser at least supports JavaScript 1.1");</script>
<script language="javascript1.2">alert("Your browser at least supports JavaScript 1.2");</script>
<script language="javascript1.3">alert("Your browser at least supports JavaScript 1.3");</script>
<script language="javascript1.4">alert("Your browser at least supports JavaScript 1.4");</script>
<script language="javascript1.5">alert("Your browser at least supports JavaScript 1.5");</script>
<script language="javascript1.6">alert("Your browser at least supports JavaScript 1.6");</script>
<script language="javascript1.7">alert("Your browser at least supports JavaScript 1.7");</script>
<script language="javascript1.8">alert("Your browser at least supports JavaScript 1.8");</script>

显然,随着更多JavaScript版本的发布,可以扩展测试列表.

这些信息有更好的方法(或来源)吗？

顺便说一下,我确实在JavaScript版本上看到了 …

是否可以使用 Jmeter 模拟在不同桌面浏览器及其版本中运行的负载？我知道通过使用“从 HTML 文件中检索所有嵌入式资源”和“使用并发池。大小=”选项，我们可以模拟真实的浏览器，但我的要求是模拟特定的浏览器。如果可能的话，有人可以提供实现它的步骤吗？

每当用户尝试重新加载选项卡、关闭选项卡或关闭浏览器时，我都必须显示自定义模式。

我试图处理 onbeforeunload 事件，但它不允许我在 chrome 中显示自定义消息。

我想知道是否可以在跨浏览器应用程序中处理

我必须展示一些带有自定义设计和按摩的模态，在特定情况下也有确定和取消按钮。按钮动作也必须相应地处理

请建议有什么方法可以做到这一点..谢谢。

我想让用户能够浏览页面的链接。

这是大多数浏览器中的默认行为，但是一旦页面包含一个input元素，它就会成为（取决于浏览器）页面上唯一的可选项卡元素，例如a无法通过键盘访问元素。tabindex无论是否设置，这都不会改变。

请参阅以下示例。聚焦输入元素，按tab几下；Chrome 会聚焦链接，而 Firefox 和 Safari 会跳过这些元素。

<div>
  <form>
    <input type="text" tabindex="0">
     <button tabindex="0">send</button>
  </form>
</div>
<a href="#" tabindex="0">Link</a>
<a href="#" tabindex="0">Link</a>

如何在没有 JavaScript 的情况下实现跨浏览器键盘导航并规避此问题？

最近我又开始学习网页设计，为我们正在组织的免费节日创建了一个网站。现在我对 CSS Grid 感到非常失望，一切似乎都在进行中，直到有人告诉我该网站在 Safari 中看起来很愚蠢..

网格系统的下部显示为它应该是......在移动设备上。但是标题下方的赞助商徽标似乎是一个垂直列表。

现在我可以用 float 以不同的方式修复这些徽标，对于下部我不知道如何使它看起来相同，但我宁愿只是为 Safari 找到一个解决方法。

我希望它与网格模板列有关，尝试了一些东西（从 auto 更改为 fr 并添加 align/justify-self），但我自己似乎无法弄清楚。这里有人能帮我吗？

HTML：

<div class="sponsors">
<div class="sponsorlogo">
    <a href="https://www.recupel.be/nl/" target="_blank"><img src="img/Logo_Recupel.png" alt="Logo Recupel" /></a>
</div>
<div class="sponsorlogo">
    <a href="https://www.brugge.be/" target="_blank"><img src="img/Logo_StadBrugge.png" alt="Logo Stad Brugge" /></a>
</div>
<div class="sponsorlogo">
    <a href="https://www.transform3.be/" target="_blank"><img src="img/Logo_transform3.png" alt="Logo transform3" /></a>
</div>
<div class="sponsorlogo">
    <img src="img/Logo_ecoFoundation.png" alt="Logo eco Foundation" />
</div>
<div class="sponsorlogo">
    <a href="https://www.aandeplas.be/" target="_blank"><img src="img/Logo_AandePlas.png" alt="Logo Domein Aan de Plas" /></a>
</div>
<div class="sponsorlogo">
    <a href="https://www.legendstours.be/" target="_blank"><img src="img/Logo_LegendsFreeWalkingTours.png" …

https://caniuse.com/#search=find 状态IE11不支持find（）方法。

同时，我正在IE11中测试此find（）方法，但没有发现任何错误行为的痕迹。

我也在IE11中测试了代码

function isPrime(element, index, array) {
  var start = 2;
  while (start <= Math.sqrt(element)) {
    if (element % start++ < 1) return false;
  }
  return (element > 1);
}

console.log([4, 5, 8, 12].find(isPrime)); // 5

来自 SO：Array.prototype.find（）未定义

是的，在IE11中，它返回5的预期结果，而不是TypeError：undefined不是函数，因为SO：Array.prototype.find（）在2014年未定义。

所以...我是否错过了某些东西，而IE11确实无法与Array.prototype.find一起正常工作，或者不久前（但在2014年讨论上述SO问题之后）对IE11的最新更新变成了支持这种方法吗？

说IE11不支持Array.prototype.find时，https：//caniuse.com/#search=find 是否正确？有证据吗？

谢谢。

UPD：这是我的IE11的屏幕：