问题标签 [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 回答
2598 浏览

html - 如果浏览器忽略了他们不理解的 CSS,为什么还要使用 Modernizr?

我一直在与Modernizr合作,它是一个很棒的资源,一个很棒的项目。但是,我一直在使用它的方式是:

  • 使用基线 (IE) CSS 进行设计
  • 为高级浏览器增强 CSS3 效果

除非我打算完全替换基于行为的样式,否则我为什么不只在样式表中添加诸如框阴影、渐变和边框半径之类的样式呢?如果浏览器不理解规则,它会忽略它,对吗?如果 JavaScript 关闭,我无论如何也不能使用它。

我应该在典型案例中使用上述方法,而在高级案例中使用 Modernizr 吗?或者依靠浏览器忽略他们不理解的东西有什么问题吗?

0 投票
2 回答
808 浏览

javascript - modernizr 如何检查对 webforms2.0 中新输入属性的支持?

嗯,这几乎是我的全部问题。我可以看到他们如何检查 CSS3 支持,尝试获取style.borderRadius等等,看看浏览器是否知道到底发生了什么。但是由于大多数浏览器会保留属性 ( <input type="date">),但仍然不完全支持它,我无法理解它们是如何发挥作用的。

0 投票
3 回答
31322 浏览

html - HTML5shiv vs Dean Edwards IE7-js vs Modernizr - 选择哪个?

我正在寻找建立我的第一个 HTML5 网站,并一直在考虑使用 IE。

有 html5shiv、Dean Edwards ie7-js 和 Modernizr。这些都大体相同吗?我很困惑该走哪条路。

0 投票
1 回答
1634 浏览

javascript - 你能检测到是否通过 javascript 在 PC 上启用了 Cleartype 吗?

一些@font-face 字体在非cleartype 设置下效果不佳(边缘变得非常不稳定)

有没有办法通过 javascript 检测到这个,如果 cleartype 关闭,我可以在 body 中添加一个现代风格的类,这样我就可以在我的 CSS 中使用它

0 投票
1 回答
437 浏览

javascript - 未在 JavascriptMVC+Modernizr 中设置样式的 html5 内容

我正在使用 Modernizr 和 JavascriptMVC。
Modernizr 在头部。
<script src="./resources/js/modernizr-1.6.min.js"></script>

并在关闭身体之前偷走:
<script type='text/javascript' src='../steal/steal.js?formcms,development'></script>

当我像这样在控制器中添加一些 html5 内容时: $('body').append(this.view('header'))
它没有样式。
在 JavascriptMVC 的视图中添加 html5 元素后,是否有解决方案来设置它们的样式?我正在使用 IE6。

0 投票
1 回答
2094 浏览

javascript - 带有“未定义”参数的 JavaScript 函数

浏览 Modernizr 源代码,我发现了奇怪的事情:

之后,将使用两个参数 ( this, this.document) 调用此函数。

为什么undefined在这里使用?它是有意义的还是只是奇怪的代码风格?

0 投票
2 回答
2283 浏览

javascript - 使用功能检测而不是用户代理测试来测试 IE6

我将 html5boilerplate 与 Modernizr 库一起使用。我的应用程序是使用 jQuery 构建的。Modernizr 和 jQuery 都内置了特征检测,但我的理解是 Modernizr 更完整。我打算使用 Modernizr 进行特征检测,除非有充分的理由为此使用 jQuery。

我的应用程序仅适用于更现代的浏览器(例如 IE7+、Firefox、Chrome、Safari 和更新的 Opera),但它在 IE6 中仍然可以使用。如果用户使用的是旧版浏览器(例如 IE6),我想确保用户看到一个很大的警告。如果他们还没有使用 Chrome 或其他一些兼容 HTML5 的浏览器,我还想显示一个“建议”。

我不想使用用户代理测试。

  • 是否有我应该测试的特定功能列表以确定用户是否使用 IE6?
  • 是否有我应该测试的特定功能列表来确定用户是否使用相当兼容的 HTML5 浏览器(Chrome、Safari、IE9 等)进行浏览?
0 投票
1 回答
1361 浏览

templates - 使用 Modernizr 的网站/网页模板?

我正在寻找有效使用 Modernizr 的网站或网页模板。我看了 ThemeForest 中的一对,但我看不出 Modernizr 的作用。事实上,我禁用了加载 Modernizr js 文件,并且网页以相同的方式工作。

寻找具有特征和无特征类的模板。其中“功能”是 html5 或 css3 功能。

0 投票
2 回答
205 浏览

javascript - 页面顶部产生额外的空白?

这是我遇到的一个非常奇怪的错误。我正在使用 Modernizer,经过一大堆故障排除后,我几乎将其范围缩小到 Modernizer 生成这个大块的空白。

我可以通过“localhost”检查本地服务器上的服务器并获取此空白 本地主机

我将使用相同的浏览器执行相同的检查,但使用我的 WAN IP 代替并获得不同的空格。这真的很奇怪。 广域网

链接:您可以在这里查看:http: //184.161.181.41 :8888/

0 投票
2 回答
3244 浏览

javascript - html5输入类型号:检测是否旋转框(以及没有其他功能)

在 Webkit 浏览器中,一个 input[type=number] 有一个 spinbox 控件:

webkit 浏览器中的 spinbox 控件

但是,Safari 不遵循其他一些 input[type=number] 规则,例如强制只输入数字字符。因此,Modernizr 检测到 Safari 不支持 input[type=number]。

我对数字输入宽度有非常特殊的需求,当有一个旋转框时,我将宽度设为 2.7em,没有它(如在 Firefox 中),宽度只需为 1.7em。所以 Chrome 和 Firefox 看起来都很好。但是 Safari 放入了一个旋转框,但不遵循任何其他规则,所以它得到 1.7em 的宽度,看起来像这样:

在 Safari 中输入数字

我只关心是否有旋转框控件。我不关心 Safari 藐视的任何其他 input[type=number] 规则。Safari 遵循我唯一关心的规则。我该如何检测?