问题标签 [browser-bugs]

我经常遇到浏览器错误。如此之多，以至于我花更多时间寻找解决方法，而不是正常工作。起初，我开始忽略 IE6。然后是 IE7、IE8、IE9、Opera Mini，最近还有 Opera 和 IE10。现在我只关注这些：Chrome、Firefox、IE11、Edge、Android 浏览器、iOS Safari。现在好多了，但这仍然是一场噩梦，我所看到的只是不一致的行为、小但令人讨厌的错误等。这有什么问题？简单的。我的客户不会为此付费，相反，如果浏览器出现问题，他们会责怪我。

• 是否有一种 Web 开发人员技术可以更轻松/更快地处理浏览器错误？
• 也许是一个变通方法收集站点，或者一个突出有问题的代码并建议修复的自动“验证器”？
• 还是我想不到的东西？

我已经尝试过的：

• 提交错误：我的客户不会等待修复的到来。
• 解决变通办法：我的客户为此支付的费用不够。
• 忽略更多浏览器：我的客户认为我是业余爱好者。
• 寻找一个在财务上比贫穷的匈牙利小公司更强大的市场：在进行中。

我有一个问题，我想在选择框（多）上方有一个输入框。选择框中的项目多于框的高度。（我将盒子的大小设置为低于项目数）。

我想让用户在上面的文本输入中输入值，然后使用他们的“向下箭头”移动到将出现在选择框中的结果。

当用户执行此操作时，多选框中的第一项会滚动到视图之外。这个问题在 Chrome 和 Firefox 中都会发生（在 Mac 上 [Safari 很好]）。

你可以在这里看到问题。

https://jsfiddle.net/rsturim/ops9q3xk/

我是 magento 的新手，我将我的 magento 网站从共享主机迁移到 VPS。 现在我的网站出现了多个错误和错误：

1.当用户注册时，他们重定向到不同的页面。2. 当买家下订单时，他们重定向到 EMPTY SHOPPING CART。3.付款方式不起作用（例如：dragonpay）。

我的网站在共享主机上运行良好，但现在我的网站遇到了这些错误和错误。

我非常感谢您的帮助。

谢谢。

多年来，我已经在几种不同的浏览器（至少是 Chrome、Firefox 和 Opera）上看到了这种行为，但最近它只发生在 Opera 和 Chrome 中——我认为 Firefox 在某个时候修复了它。如果我有一个页面将相当大的数据块（几千行 HTML）推送到浏览器，如果我在数据中使用任何 HTML 实体，那么当您查看源代码时它们会出现格式错误。

例如，我在页面内容中放置了一个“右下铅笔”实体（✎ - 或✎），以便标记“编辑”链接。但是，当我在任何浏览器中加载同一页面并单击“查看源代码”时，我会看到一个随机代码，该代码通常与页面 HTML 中实际硬编码的内容不匹配。一些例子包括：

&x#x2#x270E;, &#x#x270E;,&#x270#x270E;

检查发送到浏览器的实际源代码的 Fiddler 捕获表明浏览器确实收到了正确的代码。一旦浏览器尝试在视图源选项卡中显示它，似乎就会出现问题。

其他代码也会发生这种情况， 变成&nbnbsp;等等&nnbsp;。神秘的是，这些代码会随着每次刷新而随机化。偶尔他们会通过正确的方式，尽管大多数时候他们会出现乱码。代码似乎在前端正确呈现，这只是每个主要浏览器中的一个错误，还是我应该担心通过 HTTP 推送较大数据集时的数据丢失？

过去的测试

我进行了两次测试来确认这一点：

(1) 将单个字符发送到托管在面向公众的 AWS LAMP 服务器上的有效 HTML5 页面内容中。查看了 Opera 中的内容并查看了源代码。大多数都还好，但大约在一半的时候它开始跳闸，并且在整个过程中偶尔会继续：

&#x27#x270E;

(2) 将单个字符发送到托管在 Intranet Windows 服务器上并通过 NetExtender VPN 提供的有效 HTML5 页面内容中。与第一次测试的结果相同。

&#x270#x270E;✎

重现步骤：

我已经在几个不同网络上的许多不同系统（Linux - 到目前为止，如 Ubuntu、Windows 7 和 Windows 10）上对此进行了测试。但是，如果其他人可以证实这一点，我将不胜感激。

1. 创建一个有效的 HTML 页面并在正文标记之间粘贴一个 HTML 实体（十进制或十六进制表示）。
2. 复制并粘贴字符以填充数百行内容（可能需要更少，但最有可能产生相同问题）。例如：       ……等等。
3. 将页面保存在您的 Web 服务器上。
4. 在新的 Opera 窗口中加载页面。
5. 右键单击页面中的任意位置，然后单击“页面源”
6. 复制源代码并手动检查或将其粘贴到https://validator.w3.org的 W3 验证器中- 这将有助于指出格式不正确的 HTML 实体。

Opera 49.0 插图

请参阅下面的代码检查器如何显示正确的 HTML 实体代码。但是，当您查看同一部分的页面源时，代码会出现格式错误。

跨度颜色不应该是绿色，它在 Chrome 中是红色的。

HTML 规范说它应该是绿色的，它在 Firefox 中是绿色的。

HTML 规范使用 fetch 来获取元素引用的资源（参见this并且 fetch 始终是异步操作。因此在新样式表加载之前获取计算的样式，因此颜色应该为绿色。

这是最奇怪的事情，我以前曾多次使用过这种方法，但现在它似乎对我来说很糟糕。

这是提供此方法作为答案的重复问题：

使用 CSS 保持 div 的纵横比

但是由于某种未知的原因，它在 Firefox 和 Chrome 中对我来说很糟糕。据我所知，它正在根据我将样式应用到的元素的父元素计算填充...

在这种情况下，它不查看，.test而是查看.parent计算填充：

我想在超过两行的文本末尾对齐 after 元素。

这适用于 Safari 和 Chrome，但不适用于 Firefox。

有人对我如何解决这个问题有任何建议吗？

蓝线应该紧跟在标题之后，例如“标题_”。

在下面的演示中，在锚标记上单击并按住 mousedown，然后将光标拖开，同时按住 mousedown，最后松开单击。您将在锚标记周围看到一个红色虚线轮廓。现在，如果您按 shift 键，轮廓将偏移几个像素。

该行为不会在按下ctrl或fn键等时发生，但对于大多数键都会发生。这种行为似乎是跨浏览器兼容的，这让我思考：

• 它是浏览器实现 html 的错误吗？
• 或者，这是 w3.org 针对某些用户体验问题建议的预期行为吗？

我有一个必须绝对定位并且没有宽度/高度的 SVG，因为它在运行时是未知的。但是，它确实已overflow: visible设置为允许在任何坐标处呈现内容。

当 SVG 有一个像 a<path>或<circle>y 轴非常远的元素（例如 4000 像素）时，SVG 似乎在 Chrome 中呈现偏移。在 Firefox 中，SVG 在正确的坐标处正确呈现。

更奇怪的是，如果我cursor在元素上设置，它会出现在正确的位置，而不是渲染的位置。

这是一个例子：

火狐（预期）：

铬合金：

如果 SVG 元素在顶部附近有坐标，则它会正确呈现。

我试过设置类似的东西，width: 100%; height: 100%但它不能解决它。例如，放大和缩小会导致渲染再次不正确。

如果我将 SVG 的widthand设置height为等于父元素，它会正确呈现。然而，这在真正的实现中是不可能的或不希望的。