问题标签 [browser-bugs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
google-chrome - Chrome 是否错误地显示了这个 SVG 模式?
我的 HTML5 文件 ( http://jsfiddle.net/Jbfw2/ ) 中有以下内联 SVG 代码:
此代码在 Safari 和 Firefox 中产生正确的结果。但是,Chrome 不会显示所有垂直线。如果我平移holder1
而5
不是4.5
X 方向,Chrome 会正确显示垂直线。
有人可以告诉我这是否是一个错误吗?
css - 是否有修复 IE 渲染错误的 javascript 库?
我们的网站在除 IE 6-8 之外的所有浏览器中看起来都很棒。我们甚至没有使用很多 CSS3 特性。这些只是普通的旧 IE 渲染错误(如边距和填充)。在尝试应用一堆 IE 特定修复之前,我想知道是否有人知道我可以应用来修复这些典型错误的 javascript 库?
更新:就像我提到的,我们不一定使用任何“现代”CSS3 功能或 HTML5,所以这些只是典型的 IE 8 错误,其中 IE 呈现的内容与所有其他浏览器不同。
html - 哈希链接重新加载页面
我有一个安装在第三方网站上的代码片段。我无法深入了解细节,但它通过使用<script>
标签将 HTML、CSS 和 JS 加载到页面上。
部分代码是点击此链接时执行的 JS 函数:
如果页面上存在阻止函数执行的 JS 错误,单击链接显然只是将哈希添加到 URL 并将用户带到页面顶部。这是预期的回退行为。
但是,在一个存在大量 JS 错误的第三方站点上,单击该链接会删除顶级域之后的所有内容,添加哈希并指向该页面(主页)。例如,该链接将把用户从:
至
值得注意的是,该问题出现在 Firefox 和 Chrome 中,而不是 IE9。我知道如果没有更详细的代码可能无法正确诊断问题,但我无权提供它。我只是希望对这种奇怪的浏览器行为得到某种合理的解释。
如果它有帮助,有问题的网站是一个 WordPress 博客。提前致谢。
编辑:这显然不是由网站上的任何 JS 引起的,因为关闭 JS 并添加与检查器的链接会产生相同的行为。
css - 为什么图像垂直居中,`line-height` 位于它们应该在的位置下方 2 个像素?
短篇故事:
jsfiddle在这里。这种行为在 Chrome 21、Firefox 15 和 IE9 中一直是错误的,这让我觉得我对 CSS 规范有些误解。
更长的故事:
我想使用行高垂直居中图像。我已将图像容器的高度设置为等于行高,我已重置所有元素的边距、填充和边框,但图像比应有的位置低 2 个像素。无论图像比容器小还是比容器大(在这种情况下,我曾经max-width: 100; max-height: 100%
缩小它的大小),都会发生这种情况。
在这两种情况下,图像都有偶数个像素。对于比容器小的图像,我不会太在意,但是对于更大的图像,容器背景的 2 像素线将在图像顶部渗出。
google-chrome - Chrome位置:修复和transformZ错误
在FF和Chrome中查看这个演示,然后删除:
-webkit-transform:translateZ(0px);
形成 css,然后在Chrome中再次查看。
它还使Chrome正文容器带有min-width:100%
、剪切内容(并非总是如此)。
我需要-webkit-transform:translateZ(0px);
防止 Chrome 中出现奇怪的奇怪黑框,因为一次使用 transformX + Y 处理太多元素。
html - 禁用编辑后,红色拼写检查曲线仍保留在 chrome 中
更新:这已被确定为 Chrome 中的错误。(感谢@michael-robinson)
在 Chrome(至少 v22)中,我注意到即使在 contentEditable 被禁用后,拼写检查“红色波浪”下划线仍可能保留。
我做了一个 jsfiddle 来演示:jsfiddle demo。
即使我spellcheck="false"
在禁用之前设置了属性contentEditable
,它们仍然存在。
任何人都知道解决或解决此问题的好方法吗?理想情况下,当内容可编辑时,我会保留内置的拼写检查功能。
javascript - 对来自不同域的 iframe 内容执行 JavaScript
这被浏览器拒绝了吗?可能吗?
如果是这样,是允许它发生的浏览器错误吗?我注意到了这一点:
您如何关闭这些错误并防止它们在您的网站上运行?我可以检测是否有人试图从另一个域执行 javascript 吗?
谢谢。
jquery - 在 jquery 滑出期间,Safari 文本和 div 杂乱无章
这是一个奇怪的错误,该站点在所有浏览器中都可以完美运行(在 5.1.7 版中测试)。这是我网站的链接。
http://www.enrista.co.za/new-swap/?page_id=1669
如果您单击加号打开小部件区域,您可以看到我正在谈论的问题。文本和 div 不合适,直到窗口上的调整大小事件使其正常。我还注意到这个问题只发生在我的新闻信和社交媒体小部件上。我尝试了其他小部件并让它正常工作。在这里希望得到一些帮助,经过几个月的努力建立一个主题后,对这个错误感到失望。
html - 是否有可靠且最新的资源列表浏览器/浏览器版本错误可用?
我很惊讶无法找到记录浏览器 CSS、HTML 和 Javascript 错误的可靠资源。显然有一些像http://caniuse.com/和http://www.quirksmode.org/这样的网站从另一个方向着手,记录功能实现,有时会注意到错误和部分实现的功能,但是有一个网站可以列出每个浏览器/浏览器版本的已知错误和解决方法?
css - 在 Chrome 的同一行上左右发出浮动段落
我正在尝试使用此处给出的方法http://css-tricks.com/left-align-and-right-align-text-on-the-same-line/在一行上左右浮动两段
我想出了一个问题,即两个段落都无缘无故地换成了两行。
这发生在 Chrome 中,但 Firefox 按预期将段落显示在一行上。
这是测试用例的链接http://jasonbradberry.com/test-case-sophie/
这是我如何看待它的截图http://oi39.tinypic.com/2us8mpt.jpg
这可能是一个错误还是只是浏览器的怪癖?
谢谢。