问题标签 [amp-html]

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 投票
3 回答
8938 浏览

javascript - 什么是 AMP HTML,它如何适应框架/工具 X?

好的,所以我们现在可能都听说过来自 Google 的AMP HTML 。

我很好奇这将如何适应我们现有的工作流程。如果您正在编写 React 或 Angular 应用程序,AMP HTML 如何适应开发过程?这些框架中的每一个都已经有一种定义组件的方法,看起来 AMP 只是添加到堆栈中。

我们中的大多数人也已经在使用其他工具,例如 browserify 或 webpack。我并不容易看出 AMP 如何其他人相适应。其中一些工具已经允许我们以优化的方式为我们的网站提供服务。AMP HTML 将在多大程度上改变这一切?

0 投票
5 回答
889 浏览

google-chrome - 移动浏览器将如何以及何时开始提供 AMP(加速移动页面)内容?

所以谷歌宣布了加速移动页面 (AMP) https://github.com/ampproject/amphtml

Wordpress 发布了一个插件,其他发布者发布了一些支持……但基本上大多数发布者/网站都会有一组用于 AMP 内容的备用 URL。

我不认为很多网站会很快将其整个前端切换到 AMP,那么移动网络如何利用新的 AMP 内容呢?

那么移动浏览器何时或如何决定显示此 AMP 内容?如果它位于 HTML<head>部分,则移动浏览器将仅在下载该部分后才知道 AMP 内容的位置。是否会有在 HTTP 标头中发送 AMP url 的规范?还是有其他方法?

0 投票
2 回答
1487 浏览

amp-html - 为什么 amp-html 有一个隐藏 body 元素的 CSS 规则

amp-html 的示例页面以及目前可用的少数 amp-html 网站包含以下代码:

为什么是这样?如果时间至关重要,那么将支持 Javascript 的客户端的不透明度设置为 0 似乎是个坏主意。负责将 opacity 设置为 1 的 JavaScript 可能不会缓存和下载缓慢,或者可能根本无法加载(例如,中国倾向于阻止 Google 服务器,因此 Google CDN 可能会出现问题)。

根本不改变不透明度,只使用 JavaScript 操作来改进页面不是更好吗?与根本不使用 Javascript 相比,使用 amp-html 有什么改进?

0 投票
1 回答
1378 浏览

amp-html - 页面如何告诉浏览器存在 AMP HTML 版本?

我知道我将有两页,AMP 一页和普通一页。AMP 有一个到常规的规范链接,但是常规的如何指定有可用的 AMP 版本?

0 投票
2 回答
5643 浏览

css - AMP HTML 支持哪些 CSS 规则?

我已阅读https://github.com/ampproject/amphtml/blob/master/docs/create_page.md关于 CSS 的使用,但不确定该格式允许使用哪些 CSS 选择器。选择器/属性有什么限制吗?

样式声明可以放在任何地方<html>还是只放在<head>?

是否可以包含任何外部样式表?

0 投票
2 回答
1364 浏览

amp-html - 如何在普通 HTML 页面中引用 AMP HTML 页面

如何在普通 HTML 页面中链接到 AMP HTML 页面。

GitHub 上的示例指定了一个规范页面,我猜它指的是“普通”HTML 页面。https://github.com/ampproject/amphtml#how-does-amp-html-work

但是“正常”页面如何链接到 AMP HTML 页面?

0 投票
1 回答
163 浏览

amp-html - 示例中的查看器是搜索演示中轮播的变体吗?

这是我们可以用来在我们的网站中显示 AMP 文档的东西吗?从代码中不清楚如何使用它。

0 投票
4 回答
4722 浏览

amp-html - 为什么 Google 的 AMP 项目(加速移动页面)禁止表单和输入标签?

根据 规范 ,AMP 项目禁止 HTML 标签,如表单、输入、文本区域、选择和选项。

但是,Google 的 AMP 搜索页面使用表单和输入标签。

禁止输入元素的原因是什么?

0 投票
2 回答
831 浏览

html - 在 amp-html 中实现视差效果

我无法在 amp-html 中实现视差效果。我有一个带有该属性的 amp-image,background-attachment: fixed但这似乎对我不起作用。

0 投票
2 回答
9132 浏览

amp-html - AMP 浏览器支持?

查看 AMP 规范,鉴于 CSS 变量对自定义样式元素的依赖,这意味着当前的浏览器支持范围很窄。请参阅:我可以使用参考吗

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

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