问题标签 [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 投票
1 回答
5761 浏览

javascript - 如何将 Modernizr 用于输入类型 = 日期时间?

我为 HTML 输入字段和属性进行了自定义构建,并将其包含在我的页面中,<head>但这不起作用。我还需要做什么?

0 投票
1 回答
2082 浏览

modernizr - 我将如何(或应该)扩展 Modernizr.load() 以预加载图像?

这个想法是页面 /something/index.html 已加载。但是,在我展示它之前,它的依赖项(在这种情况下是 css 和图像)是预先加载的。

我研究了 Paul Irish 的“imagesLoaded”jQuery 插件,但我更喜欢使用我已经拥有的加载器的简单性。我知道 YepNope(和 Modernizr.load)不是通用预加载器的设计者,但我觉得这是最干净的方法。

希望有任何关于如何将图像预加载到 Modernizr/YepNope 加载脚本中的想法。

新西兰

0 投票
1 回答
2665 浏览

modernizr - Modernizr.geolocation 总是正确的

我有一个 Modernizr 检查地理定位支持。我注意到它没有按预期工作,所以我输入了一些日志以查看发生了什么。无论是否在浏览器中启用了地理定位,它似乎都在提醒真实。我知道我在浏览器中正确禁用了地理定位,因为它对我在网上找到的 Modernizr.geolocation 演示按预期工作。

我正在使用地理位置片段调用自定义 Modernizr 脚本。关于可能导致这种情况的任何想法?请让我知道要查找的内容或您可能需要的其他信息,我对 Modernizr 很陌生。

谢谢!

0 投票
4 回答
5003 浏览

javascript - 让 IE text-shadow polyfill 与 Modernizr 一起工作

我正在尝试使用一个小的 polyfill ( https://github.com/heygrady/textshadow ) 在 Internet Explorer 上添加文本阴影效果以使其工作,但似乎无法弄清楚如何使其工作。这是我正在使用的代码:

我确实得到了效果,但看起来都错了。我只是再次使用原始标题文本,格式与原始文本完全相同,但向底部偏移半行高。

编辑:所以经过一些实验后,我发现我至少可以通过手动为类创建 CSS 规则来获得阴影效果,而不是依赖 javascript 来做到这一点,如下所示:

但是定位还是搞砸了。左侧 0px 和顶部 0px 阴影放置在文本下方半行处。随着其他任何东西的阴影散布在页面周围。

0 投票
1 回答
303 浏览

modernizr - modernizr.js 关于它的一些小问题

我想为我的网站使用 www.modernizr.com 项目并遇到一个小问题。modernizr.js 开头的一条评论告诉我:

Modernizr 测试当前 UA 中哪些原生 CSS3 和 HTML5 功能可用,并以两种方式向您提供结果:作为全局 Modernizr 对象的属性,以及作为 html 元素的类。此信息允许您通过对体验的精细控制来逐步增强您的页面。

那么“作为 html 元素上的类”是什么意思呢?我对其进行了测试,并在我的文档中使用了 header 元素(即 HTML5)并通过 css 对其进行操作。之后我用IE6打开它......是的,它显示正确!

所以:我认为标题是html的“元素”而不是html的一个类!?那么 modenizr.js 中的这条评论是否正确?

希望你能理解我的小问题(或者可能很难理解):)

问候

0 投票
2 回答
762 浏览

html - 现代化指南

我很好奇是否有人知道一个好的 Modernizr 指南,我很难理解它是如何工作的。我知道这不仅仅是加载脚本和 tada。因此,如果有人可以指导我找到一个好的指南,那将不胜感激。

0 投票
1 回答
453 浏览

javascript - 使用 Modernizr 设置 input:focus、input:active 样式

如何使用 Modernizr 在 IE7/8(不支持这些属性)中测试和设置 input:focus 和 input:active 的样式?

还是我应该只使用基本的 JS/CSS 来做到这一点?什么是这样做的好方法?

0 投票
1 回答
303 浏览

css - 使用 .less 的网站在 Safari/FF/和任何其他现代浏览器中呈现良好,但在 IE 中则不行

我目前正在使用 .lesscss 启动一个网站。在大多数现代浏览器中一切正常,但它不想在 IE 6/7/8/9 中工作。

您可以在以下网址找到该网站:http ://diejongens.com/home

任何帮助将不胜感激!

0 投票
2 回答
16264 浏览

media-queries - 如何使用 Modernizr 检测是否存在媒体查询

我正在尝试使用 Modernizr 2 检测是否存在媒体查询,然后在适当的情况下加载 response.js。

我把它放在我的 script.js 文件中......

我究竟做错了什么?我真的很惊讶在 Modernizr 网站上没有一个如何使用媒体查询的示例。这是我正在使用的 Modernizr 版本...

http://www.modernizr.com/download/#-backgroundsize-borderradius-boxshadow-iepp-respond-mq-cssclasses-teststyles-testprop-testallprops-prefixes-domprefixes-load

0 投票
2 回答
429 浏览

jquery - 如何使用 Google Analytics 跟踪 HTML5 浏览器功能 (modernizr)?

我一直在使用 Modernizr 来根据用户的浏览器功能设计我的网站。我也一直在使用 Google Analytics 一段时间,但还没有对自定义变量做很多事情。

基本上,我想将这两个功能结合起来;我想向 Google 报告用户的浏览器支持哪些功能。在谷歌分析中,我想看看有多少百分比的用户拥有支持 SVG 的浏览器,或者拥有灵活的盒子支持。

这个问题应该如何处理?我知道 Google 可以使用的自定义变量数量非常有限。如果我将正文的所有最终类放入一个字符串并将其作为一个自定义变量发布,我能否在 Google 中适当地分割我的数据?

感谢您的任何想法或见解。