问题标签 [modernizr]

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.

0 投票
2 回答
2218 浏览

css - 对 modernizr 有用的 LESS CSS 语法

通常我使用modernizr来了解浏览器的功能。同时,我使用LESS CSS使我的 CSS 更具可读性和可维护性。使用 LESS 嵌套规则的常见样式如下所示:

然后,如果我使用modernizr 风格的后备,我为前一个块添加这个文本:

所以,看起来我有两个代码分支,每次我需要检查另一个兼容性方面时,分支的数量都会增加。这段代码的可维护性较差,因为您必须找到应用于每个元素的所有样式,而我们使用嵌套类获得的好处就消失了。

问题:有没有办法在 LESS 语法中包含这样的后备,而不是为 .no-js 和其他 .no-smth 类启动新的代码分支?

0 投票
1 回答
814 浏览

iphone - modernizr.loadd (yepnope) 未使用“触摸”测试在 iphone 上加载文件

我正在尝试使用modernizr.load(yepnope)向触摸屏设备(例如iPhone)发送额外的css。我知道“触摸”不一定意味着所有设备,但现在可以。

这是我的代码:

然而,我的 iPhone 3GS (IOS 4.1) 上似乎没有加载 css。路径是正确的,就好像我将代码更改为' nope'并在我的笔记本电脑上测试 css 加载正常。

任何想法为什么我的iphone上没有加载css?

干杯,阿迪

0 投票
1 回答
18321 浏览

javascript - 如果我已经在使用 Modernizr,我还需要 HTML5 Shiv 吗?

1) 如果我已经在使用 Modernizr,我还需要 HTML5 Shiv 来为 IE 启用 HTML5 标签支持吗?

2) HTML5 Shiv 仅适用于 IE,还是适用于所有不支持原生 HTML 5 的浏览器?像旧版本的 Firefox、Safari、Chrome 等?

0 投票
1 回答
549 浏览

css - Opera 11.11,多背景、渐变和现代化问题

我在多个背景下遇到了一些奇怪的问题。我使用线性渐变、径向渐变和重复的 gif 图片的组合来制作页面的背景。这是我分配给主容器的 css(首先在主体内):

我为此使用了css3generator,所以我几乎可以肯定渐变是可以的。接下来,我使用modernizr 为ald 浏览器做一个后备。此样式分配给容器,如果它是 nside .no-js、.no-multiplebgs 或 .no-cssgradients html:

所有浏览器似乎都可以正常工作,IE9 可以正确回退,但是 Opera... 我在 Opera 11.11 中测试,它根本不显示背景。同时,modernizr 表示它具有多种背景和 css 渐变功能。我只是无法找出我做错了什么。

请看我的网站,并帮助!

0 投票
0 回答
102 浏览

internet-explorer - 将 Modernizr 插入 ckeditor

有没有办法将 Modernizr 插入 ckeditor 到 ckeditor 将在其中提取它并在 IE8/7 中相应地呈现 HTML?

0 投票
1 回答
1917 浏览

asp.net - 包含 Modernizr JS 库使 asp.net 站点的全部内容不呈现

我正在使用 CSS3 在我的 Web 应用程序中创建圆角边框。我创建了一个空白的 asp.net 应用程序,我有一个母版页和一个内容页。内容页面按预期引用母版页,母版页几乎是开箱即用的标准母版页。当我在没有modernizr的情况下在本地运行页面时,在所有浏览器中看起来都很好,但是当我在masterpage的标签中包含modernizr .js文件引用时,我得到一个空白的html页面,其背景颜色是我在我的css文件中设置的。标签之间的所有内容都没有被渲染。

这是我拥有的一个使用border-radius属性的css片段。

这是我的母版页(你会注意到modernizr 被注释掉了)

这是我的内容页面

希望这不是代码矫枉过正......我已经尝试了来自modernizr的多个.js文件,开发版本,自定义版本,生产版本......似乎都产生了相同的结果。也许我没有正确设置它,我的印象是modernizr 只是一个包含的库,您引用它然后忘记它,它几乎可以处理其余部分。也许还有更多。

0 投票
2 回答
1181 浏览

firefox - Modernizr.load 在 Firefox 中很慢

此脚本始终在页面加载时执行。我的问题是 JavaScript。从缓存(甚至是服务器)加载资产需要很长时间。

当我检查这些东西是如何加载的时,我看到它在哪里加载了两次。在下图中,它首先加载上半部分(但显然,脚本实际上还没有加载),然后加载下半部分需要很长时间。

在此处输入图像描述

它在 Chrome 和 IE 上加载速度非常快。Firefox 可能有什么问题?

0 投票
2 回答
276 浏览

jquery - jQuery ajax 调用在 ff 和 safari 中不起作用,但在 chrome 中起作用,即 ff on win

0 投票
1 回答
1083 浏览

jquery - 用于 jquerymobile 滞后问题的 Modernizr .load()

我正在尝试使用modernizr.js来使用媒体查询“mq()”并加载“.load()”以根据媒体查询结果加载网站的jquerymobile版本,我遇到了问题.load() 函数

在 safari 中进行测试,有些东西导致了很大的延迟,在指向modernizr.js 之后所有内容都加载了资源,我试过了

并尝试过这个

两者都给出相同的结果,页面显示内容然后加载脚本,以便页面从 html 跳转到突然 jquerymobile 增强

我使用了生产的modernizr 下载,并选择了媒体查询和加载。

任何帮助是极大的赞赏

0 投票
1 回答
306 浏览

jquery - 在 chrome 中,ie 和 ff win 中的 JQuery ajax 脚本就像一个魅力。但在 Safari 和 firefox 中却没有

一个 Jquery javascript 作为 scripts.js 中所有内联脚本的一部分 与 Modernizr2.0 的标准样板组合

在 macintosh 上的 chrome 13.0.782.215 中,即 7/8 和 windows 上的 mozilla 3.6.20 中,脚本就像一个魅力。即 9 无法测试。

但在 Safari 和 firefox 中却没有?

这是脚本:

这里 wat firebug 在 Mozilla 中报告

成功后做了一些缓存=假加载的实验,但没有运气。

我似乎无法指出哪里出了问题,更多的是艺术家而不是开发人员,所以请帮助我将此脚本重写为跨浏览器兼容的东西。

太阳免费升起,所以:

奖励将属于您 修复此问题的人将收到一张 Ciclee 印刷品,可在我的新网站中选择 144 件作品中的一件。如果我能让它工作,就不会卖任何东西。

赫比


是的,该文件存在 Juhana。Roselan,我将参数更改为您建议的值。仍然是相同的行为。Chrome、ie 和 moz win 仍然可以很好地使用新参数。

但仍然 safari 和 moz for mac 拒绝这样做。

在购物车中添加或删除绘画不需要登录,因此您可以自己测试

赫比

附言。http://secure.hurby.com/schilderijen,-kaarten-en-giclee-prints/werken/braaaf.html

都是荷兰语,所以希望只要点击“in winkelwagen”按钮就有意义,你应该被重定向到购物车。在这里你会找到该项目。有时需要做两次,之后就可以正常工作了。通常你会注册去结账。

单击 X(在 sfari 和 ff mac 中被破坏的功能)应该删除该项目,但在 Safari 和 ff mac 中不会。


好的托尼,

我想你得到了一些东西*-)

文件路径应为: http://secure.hurby.com/assets/components/cart/deletefromcart.php http://secure.hurby.com/cart/assets/components/cart/deletefromcart.php

不知何故,ff 和 safari 添加:cart/ before。

所有文件都是同一个域。

现在它正在寻找为什么会在这两个浏览器中发生这种情况以及如何将代码更改为可以正常工作的代码。真的不知道……

gr 赫比


Mac上Moz的正确路径(没有得到提到的404)=

/assets/components/cart/deletefromcart.php 而不是

资产/组件/购物车/deletefromcart.php

但现在 moz mac 中的萤火虫说脚本是错误的:

jQuery 未定义 jQuery("tr.hide"+did).hide("slow");

并且 windows IE 在 mac 上设置路径 chrome 前面的 / 时停止工作,而 windows 的 moz 仍然可以。

所以使用“/” 3 个浏览器正在工作。没有“/”只有两个。

这里是当前代码的状态: