当前位置: 首页 > 知识库问答 >
问题:

AMP浏览器支持?

程飞星
2023-03-14

看看AMP规范,考虑到定制样式元素对CSS变量的依赖,这意味着当前的浏览器支持范围很窄。请看:我可以使用参考资料吗

我猜非自定义样式有一个“优雅的退路”,因为不理解CSS变量的浏览器会忽略那个CSS。

是否有AMP的浏览器兼容性/支持矩阵?

共有2个答案

乐正宏深
2023-03-14

除了保罗·爱尔兰(Paul Irish)所说的之外,现在还有一种专门用于AMP页面的桌面web浏览器:基于Chromium的AMP浏览器。

洪宇定
2023-03-14

一般来说,我们支持两个主要浏览器的最新版本,如Chrome、Firefox、Edge、Safari和Opera。我们支持桌面、手机、平板电脑和这些浏览器的网络视图版本。

除此之外,核心AMP库和内置元素的目标应该是非常广泛的浏览器支持,我们接受所有市场份额超过1%的浏览器的修复。

特别是,我们试图保持“它可能不完美,但没有坏”——对Android4.0系统浏览器和手机Chrome28的支持。

来自amp常见问题解答

CSS自定义属性(又名CSS变量)的使用是多填充的:

AMP更复杂和嵌套的HTML组件…可以使用一组明确定义的CSS自定义属性设置样式。这些元素将传播到运行时动态创建的任何子元素,以实现所需的样式。

来自spec/amp-html-components.md

 类似资料:
  • 把jade编译为一个可供浏览器使用的单文件,只需要简单的执行: $ make jade.js 如果你已经安装了uglifyjs (npm install uglify-js),你可以执行下面的命令它会生成所有的文件。其实每一个正式版本里都帮你做了这事。 $ make jade.min.js 默认情况下,为了方便调试Jade会把模板组织成带有形如 __.lineno = 3 的行号的形式。 在浏览器

  • Next.js 支持 IE11 和所有的现代浏览器使用了@babel/preset-env。为了支持 IE11,Next.js 需要全局添加Promise的 polyfill。有时你的代码或引入的其他 NPM 包的部分功能现代浏览器不支持,则需要用 polyfills 去实现。 ployflls 实现案例为polyfills。

  • AdminLTE 与 Bootstrap 4 支持的浏览器一样。Bootstrap 支持 主流平台和浏览器,稳定版在 Windows 上,我们支持 Internet Explorer 10-11 / Microsoft Edge。更多详细信息,请点击此处。 你可以在 我们的 .browserslistrc 文件 找到支持的浏览器情况及其版本: # https://github.com/browse

  • 主要内容:HTML5 浏览器支持,将 HTML5 元素定义为块元素,实例,为 HTML 添加新元素,实例,Internet Explorer 浏览器问题,完美的 Shiv 解决方案,实例你可以让一些较早的浏览器(不支持HTML5)支持 HTML5。 HTML5 浏览器支持 现代的浏览器都支持 HTML5。 此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理。 正因为如此,你可以 "教会" 浏览器处理 "未知" 的 HTML 元素。 甚至你可以教会 IE6 (Windows

  • Docusaurus 允许网站通过 浏览器列表配置(browserslist configuration) 来定义其要支持的所有浏览器。 目的 网站需要在向后兼容性和文件体积之间做平衡。由于旧的浏览器不支持现代的 API 或语法,因此需要更多代码才能实现相同的功能,这会增加网站的加载时间,从而对所有其他用户造成不利的影响。为权衡起见,Docusaurus 打包工具仅支持浏览器列表中所定义的浏览器版

  • 你可以让一些较早的浏览器(不支持HTML5)支持 HTML5。 HTML5 浏览器支持 现代的浏览器都支持 HTML5。 此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理。 正因为如此,你可以 "教会" 浏览器处理 "未知" 的 HTML 元素。 甚至你可以教会 IE6 (Windows XP 2001) 浏览器处理未知的 HTML 元素。 将 HTML5 元素定义为块元