草庐IT

$Firefox

全部标签

html - 如何使 HTML5 contenteditable div 只允许 firefox 中的文本?

我想制作具有仅允许文本的contentEditable属性的div。使用Chrome可以轻松实现:但是它在Firefox中不起作用。有没有办法在Firefox中制作纯文本的contenteditablediv?我知道这是可能的,因为GooglePlus有这样的div,但我不知道他们是怎么做到的。 最佳答案 我自己也遇到过这个问题。这是我在Firefox和Chrome中测试过的解决方案:确保contenteditablediv有csswhite-space:pre,pre-line或pre-wrap以便它显示\n作为新行。覆盖“ent

html - 表单选择元素在 Firefox 中被不规则地截断

我在Firefox中看到关于表单选择字段的一些奇怪行为。根据视口(viewport)宽度,例如宽度为33.333%的选择有时会切断其右边框。请看这个fiddle的例子:http://jsfiddle.net/pjv0adhw/我有一个水平居中的绝对宽度的父容器,其中包含一个具有小数宽度的选择,如下所示:.parent{margin:0auto;/*centeredonviewports>1200px*/width:300px;}.select{width:33.333%;}简化的标记:catdogmanatee现在,在Firefox上,当视口(viewport)宽度大于300px并且.

html - 表单选择元素在 Firefox 中被不规则地截断

我在Firefox中看到关于表单选择字段的一些奇怪行为。根据视口(viewport)宽度,例如宽度为33.333%的选择有时会切断其右边框。请看这个fiddle的例子:http://jsfiddle.net/pjv0adhw/我有一个水平居中的绝对宽度的父容器,其中包含一个具有小数宽度的选择,如下所示:.parent{margin:0auto;/*centeredonviewports>1200px*/width:300px;}.select{width:33.333%;}简化的标记:catdogmanatee现在,在Firefox上,当视口(viewport)宽度大于300px并且.

html - 如何防止在 IE 中出现而在 Firefox 中不出现的页面闪烁?

如果我在重新提交页面之前的滚动位置向右滚动,我有一个页面依赖于2d中的翻译将表格移动到屏幕的右侧。我要捕捉的效果是表格排序时向右滚动的效果(固定表头,限高正文,溢出滚动)。Firefox,出乎意料的是Edge不闪,我用这个效果只有IE闪如何抑制我的CSS转换的伪影以消除这种烦人的IE页面闪烁?这与我之前使用提供的代码创建的帖子相关。FixedHeaderScrollableTable-HowtopreservehorizontalscrollpositionusingcssjqueryonpageloadsjQueryfunctionsetScroll(id_header,id_tab

html - 如何防止在 IE 中出现而在 Firefox 中不出现的页面闪烁?

如果我在重新提交页面之前的滚动位置向右滚动,我有一个页面依赖于2d中的翻译将表格移动到屏幕的右侧。我要捕捉的效果是表格排序时向右滚动的效果(固定表头,限高正文,溢出滚动)。Firefox,出乎意料的是Edge不闪,我用这个效果只有IE闪如何抑制我的CSS转换的伪影以消除这种烦人的IE页面闪烁?这与我之前使用提供的代码创建的帖子相关。FixedHeaderScrollableTable-HowtopreservehorizontalscrollpositionusingcssjqueryonpageloadsjQueryfunctionsetScroll(id_header,id_tab

javascript - 将文件拖到 Firefox 时 dropEffect 不起作用

我有一个网页,允许将文件从浏览器外部拖放到我网页上的目标上。我的应用程序将上传每个文件的副本,因此我将dataTransfer.dropEffect设置为“复制”,以便浏览器向用户指示这将导致复制而不是移动。这在Chrome中按预期工作:将文件拖到我的放置目标上时,浏览器会显示“复制”光标。但是Firefox似乎忽略了dropEffect并在将文件拖到我的放置目标上时继续显示其默认的“移动”光标。我进行了大量搜索,但没有发现任何提及此类Firefox问题的信息,因此我可能忽略了代码中的一些细节。我已经包含了一个精简的示例来说明下面的问题。如果有人能发现我做错了什么,请提前致谢。Test

javascript - 将文件拖到 Firefox 时 dropEffect 不起作用

我有一个网页,允许将文件从浏览器外部拖放到我网页上的目标上。我的应用程序将上传每个文件的副本,因此我将dataTransfer.dropEffect设置为“复制”,以便浏览器向用户指示这将导致复制而不是移动。这在Chrome中按预期工作:将文件拖到我的放置目标上时,浏览器会显示“复制”光标。但是Firefox似乎忽略了dropEffect并在将文件拖到我的放置目标上时继续显示其默认的“移动”光标。我进行了大量搜索,但没有发现任何提及此类Firefox问题的信息,因此我可能忽略了代码中的一些细节。我已经包含了一个精简的示例来说明下面的问题。如果有人能发现我做错了什么,请提前致谢。Test

javascript - Firefox 扩展中的 localStorage

我正在尝试从Firefox扩展访问页面的localStorage。我的理解是content给出了对当前页面的window的引用。当我尝试使用content.localStorage访问页面的localStorage时,我想我得到了对它的引用。但是,当我尝试content.localStorage.length时,我什么也没得到。附件是有问题的代码。varmyExtension={init:function(){varappcontent=document.getElementById("appcontent");//browserif(appcontent)appcontent.add

javascript - Firefox 扩展中的 localStorage

我正在尝试从Firefox扩展访问页面的localStorage。我的理解是content给出了对当前页面的window的引用。当我尝试使用content.localStorage访问页面的localStorage时,我想我得到了对它的引用。但是,当我尝试content.localStorage.length时,我什么也没得到。附件是有问题的代码。varmyExtension={init:function(){varappcontent=document.getElementById("appcontent");//browserif(appcontent)appcontent.add

javascript - 在 Firefox for Android 的 onload 事件期间 window.innerWidth 的值错误?

好的,所以,我面临的问题是:我的移动Firefox浏览器没有检索到window.innerWidth、document.documentElement.clientWidth的正确值,甚至div的宽度被设计为在页面加载后占据整个客户端窗口。我没疯,我的代码在所有其他浏览器中都运行良好!出于某种原因,Firefox使用默认值初始化这些值,然后稍后获取正确的值。如果在任何时候我用alert()中断我的JavaScript,这些属性之后会神奇地变得准确。我在互联网上搜索了一个答案,我所能找到的只是一个hack解决方法:使用window.setTimeout延迟这些属性的使用,直到它们有时间正