草庐IT

firefox_profile

全部标签

javascript - 单击 iFrame 内的 anchor 在 Firefox 和 Chrome 中的行为不同

我在jsBin中有以下代码:http://jsbin.com/iRoROvu/1/edit它基本上在iframe中有一个anchor。如果您点击该链接,您将在Chrome中看不到任何反应,但在Firefox中它只会变成空白。这是jsFiddle中的相同代码:http://jsfiddle.net/LbNwd/JavaScript:varpreviewFrame=document.getElementById('preview');varpreview=previewFrame.contentDocument||previewFrame.contentWindow.document;pr

html - 为什么 Firefox 在折叠边缘时表现不同?

Firefox在div.p的顶部呈现100像素的边距。这似乎是margin崩溃。但是div.p的计算高度是100px。根据spec它不应该做margin崩溃。这是一个错误,还是我在这里错了?Chrome按预期呈现。codepen.s{height:100px;width:200px;background:yellow;float:left;}.p{margin-top:20px;margin-bottom:100px;zoom:1;}.p:after{content:'';display:block;height:0;clear:both;} 最佳答案

html - Chrome 和 Firefox 之间 flexbox 行为的差异

样本可以在http://jsfiddle.net/GGYtM/找到这是要求的内联代码:.flex{/*oldsyntax*/display:-webkit-box;display:-moz-box;/*newsyntax*/display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;}.flex-direction-horizontal{/*oldsyntax*/-webkit-box-orient:horizontal;-moz-box-orient:horizontal;/

html - Rems 在 Chrome 和 Firefox 之间呈现不同

在比较它们在Chrome和Firefox中的呈现方式时,我注意到使用rems时存在一个小问题。使用以下CSS:html{font-size:62.5%;}.rem-test{width:50%;height:20rem;background:red;}呈现的结果略有不同,Firefox显示的框比Chrome中的短:我能做些什么来阻止这种情况的发生吗?这是一支笔:http://codepen.io/abbasinho/pen/WbJWNq 最佳答案 这肯定会发生,因为您的浏览器具有不同的字体大小设置,您可以使用thisfork轻松检查

xml - 为什么 Firefox 在其 Web 检查器中显示带有结束标记的空元素?

由于HTML5不是基于XML的语言,我们可以忘记自闭标签。那太棒了。所以当我想插入一条新的水平线时,我只写而不是.但是当我检查在Firefox中,它呈现为.它不会发生在任何其他浏览器中。为什么会这样?这是与Firefox的兼容性问题吗? 最佳答案 这只是Firefox浏览器的一个古怪行为。编辑:抱歉,但由于我的SO声誉,我无法直接发表评论。 关于xml-为什么Firefox在其Web检查器中显示带有结束标记的空元素?,我们在StackOverflow上找到一个类似的问题:

javascript - JS : Profile What Objects Constructors are Garbage Collected

有没有办法知道在Javascript应用程序中哪种类型的对象被垃圾回收最多?我知道我可以获得堆快照,但这只能说明哪些对象是最常见的,而不是垃圾收集最多的对象。并且堆分配不提供有关对象类的详细信息。 最佳答案 我想您可以通过拍摄多个堆快照然后比较快照以确定正在抓取收集的对象来做到这一点。可以引用this回答。希望对您有所帮助:) 关于javascript-JS:ProfileWhatObjectsConstructorsareGarbageCollected,我们在StackOverflo

html - 响应图像最大高度 100% 在 Firefox 中不起作用

我目前正在尝试根据浏览器尺寸调整图像大小。我已经设法让图像水平调整大小,如果我使浏览器窗口变窄,图像将按比例调整大小就好了。但是,当我垂直调整窗口大小时,Firefox似乎不想这样做!代码很简单和CSS:#content{height:100%;padding:50px;}#contentimg{max-height:100%;max-width:100%;}另一个问题是图像确实似乎在chrome中垂直调整大小,但我必须在图像开始执行此操作之前将浏览器底部拖到图像上方。我宁愿图像在底部内容填充“碰到”图像底部时就开始调整,可以这么说。希望这是有道理的。非常感谢任何帮助

php - Div 在 Mozilla Firefox 中显示不佳

我正在使用thisplugin显示书籍,此结果显示良好IE和Chrome浏览器,但结果在MozillaFirefox中显示不佳!可能是什么原因?Goodimage-ChromebrowserNotgoodimage-MozillaFirefox*Livedemo*代码:$(document).ready(function(){$('#pinBoot').pinterest_grid({no_columns:6,padding_x:10,padding_y:10,margin_bottom:50,single_column_breakpoint:700});});(function($,

html - 如何在不使用 Firefox 的像素完美插件的情况下将设计模型作为覆盖以加快开发速度?

这是FF插件http://www.pixelperfectplugin.com/PixelPerfect是一个Firefox/Firebug扩展,它允许Web开发人员和设计人员轻松地将Web组合覆盖在开发的HTML之上。阅读更多:http://pixelperfectplugin.com/how-to-use/walkthrough/#ixzz0eOfezx1N如何像这个插件那样获取所有div背后的模型图像。?此工具仅在Firefox上显示布局背后的设计,我想在所有浏览器上看到。 最佳答案 我在这里找到了路http://aloest

javascript - angular 6 自定义元素在 IE11 和 Firefox 上失败,出现语法和影子 dom 错误

我创建了一个新的angular-cli项目,其中包含一个使用thesedirections的自定义元素.它在Chrome上完美运行。我已经在InternetExplorer的所有必要的polyfill中进行了评论。我已经包含了额外的@webcomponents/...但是@webcomponents导致了问题!node_modules/@webcomponents/custom-elements/src/native-shim.js包含箭头函数,InternetExplorer不支持该函数,因此出现以下错误:SyntaxErrorIfanyonecanpointmetoanangula