草庐IT

firefox-sidebar

全部标签

javascript - 在 Microsoft 平板电脑/触摸屏显示器上使用 mozilla firefox 禁用默认捏合缩放

好吧,我的要求是在所有设备/所有浏览器中缩放和平移svg。我已经使用panzoom.js实现了它。现在,我在平板电脑和Windows触摸屏显示器中遇到了Mozillafirefox的问题。当我尝试捏和缩放svg时。它不会捕获我的事件,而是捕获浏览器事件并使用浏览器缩放和缩放整个页面。我已经尝试了以下步骤:我在html的头部添加了这个元标记。我还尝试了以下适用于IE11和IEedge的属性。touch-action:none;在Mozilla中没有任何工作。我需要禁用浏览器缩放,以便我可以实现我的功能。提前致谢! 最佳答案 试试这个:

css - Firefox 中没有用于输入类型搜索的清除按钮?

input[type="search"]{-webkit-appearance:searchfield}当您在输入中输入内容时,会出现清除(x)按钮,但是如何在Firefox中实现同样的效果呢?谢谢! 最佳答案 Firefox一直在拖延这个foryearsandyears.与另一个答案相反,(截至2017年底)仍然没有在输入中包含清除按钮的原生方法。您当然可以插入自己的并手动设置样式,在这种情况下您最好使用input[type="search"]::-webkit-search-cancel-button{display:none}

html - WCAG:当应用样式时,Firefox 和 Edge 不会在焦点输入元素上显示轮廓

我正在创建一个表单,它遵循一些WCAG指南。其中之一是:G165:Usingthedefaultfocusindicatorfortheplatformsothathighvisibilitydefaultfocusindicatorswillcarryover.这条规则的总结是:Operatingsystemshaveanativeindicationoffocus,whichisavailableinmanyuseragents.Thedefaultrenderingofthefocusindicatorisn'talwayshighlyvisibleandmayevenbedif

html - select/option html tag dotted outline 问题在firefox中

button::-moz-focus-inner{border:0;适用于按钮...select/optionhtml标签呢?我尝试了这里的一切:HowtoremoveFirefox'sdottedoutlineonBUTTONSaswellaslinks?但我提出了新问题,因为有人在谈论按钮...... 最佳答案 select,option{border:0none;outline:1pxnone;}总是适合我。 关于html-select/optionhtmltagdottedout

html - Firefox 不显示来自缓存的图像仅替代文本

观察有一个从https提供的包含广告位的单页应用程序网页。这些广告位由一些出价逻辑填充,广告由JavaScript编写在IFRAME文档中。第一次加载显示广告图片,例如https://tpc.googlesyndication.com/pagead/imgad?id=CICAgKDLu47R8QEQARgBMggW4D7gy4qb5g当用户在页面上操作时,会发生新的广告出价并重新加载广告位。在我们的例子中:呈现具有相同src属性的img元素。所有其他浏览器(Chrome、IE、Safari)都会显示这张取自本地缓存的图片。不是这样:Firefox(Windows、Mac;版本52)的行

javascript - 在 Firefox 中检测缩放

我想检测浏览器是否放大或缩小(我不太关心这个值,但我认为在决策过程中无论如何都需要找到它)。我已经阅读了很多关于该主题的其他SO帖子,但是没有一个解决方案适用于FF(尽管有IE7/8和chrome解决方案)。哦,而且我不能使用flash,所以flash解决方案是不可能的。编辑:而且我必须能够在初始页面加载时检测到这一点 最佳答案 使用现代版本的FireFox,您现在可以执行以下操作:DPR=window.devicePixelRatio;if(DPR=1.001){//Userhaszoomedinorzoomedout}

php - Firefox 和 Chrome 在 655 张图像后停止显示我的 Sprite

问题您好,我正在使用sprite并获得了firefox和Chrome的一些有趣行为。当我的sprite有655图像或更少时,我的sprite工作正常。但是当它走得更远(656或更多)时,它不会显示(只是变得不可见)。我猜问题不在我的代码中,因为它在Opera和IE中运行良好。怎么会?详情我正在使用PHP即时生成Sprite。生成的html如下所示:[...]CSS看起来像这样:._sprite_images{background:url("../sprite_images/sprite.jpg");display:inline-block;}._sprite_images_0{widt

html - Svg 图像在 Firefox 中不显示

在一个简单的SVG元素中,我有一个图像。Chrome:版本28。-完美运行Firefox:22.0-不绘制图像Opera:12.16-图片比正常显示大4倍代码: 最佳答案 您的SVG没有缩放以适合您的10x10图像矩形,因为它没有viewBox。SVG渲染器需要知道SVG内容的尺寸才能知道如何缩放它。这就是viewBox属性的用途。尝试将以下内容添加到根knight.svg中的元素。viewBox="004545"此外,您还需要为svg和xlink定义namespace。虽然也许您只是为了清楚起见而删除了那些(?)。

javascript - Firefox 中的 HTML5 拖放文件夹检测。有可能吗?

我有一个放置区,我想在其中检测拖动的项目是文件夹还是文件。在chrome中,我通过使用for(vari=0;i在firefox中无法使用上述解决方案(webkit),在花了很多时间尝试解决这个问题后,我想出了以下解决方案(但失败了)我检查拖动的项目是否没有类型和大小,如下所示,在大多数情况下它按预期工作。从我读过的内容来看,这效率不高而且并不总是成功,因为某些文件可能没有文件扩展名,所以我尝试使用FileReaderAPI将文件读取为二进制字符串(readAsBinaryString)或readAsArrayBuffer并捕获异常以防项目是不可读,但永远不会抛出异常。varfiles=

javascript - Firefox 使用 HTML Canvas putImageData 抛出异常

所以我正在做这个小的javascript实验,我需要一个小部件来跟踪它的FPS。我将我一直在使用Actionscript3的小部件移植到Javascript,它似乎可以在Chrome/Safari上正常工作,但在Firefox上会抛出异常。这是实验:DepthofField这是错误:[Exception..."Aninvalidorillegalstringwasspecified"code:"12"nsresult:"0x8053000c(NS_ERROR_DOM_SYNTAX_ERR)"location:"http://mrdoob.com/projects/chromeexper