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

amp-html - ` 支持哪些格式`

我在这里找不到任何地方支持的文件格式.gif。是否包含在此扩展中,或者是.gifv这些格式的预期标记并且仅用于?webm<amp-video><amp-anim>.gif

0 投票
3 回答
3341 浏览

amp-html - 如何制作响应式放大器轮播

有没有办法做出响应amp-carousel
我尝试layout="responsive"在轮播中的图像上使用该属性,但它不起作用。

0 投票
1 回答
2696 浏览

disqus - Disqus 在 amp-iframe 内的 amp 页面上

我尝试在 amp 文档上实现 Disqus。我的想法是使用amp-iframe 加载一个仅包含 Disqus 的小文档。我用了这个放大器框架

但是,chrome 会引发内容安全策略违规:

拒绝加载脚本“ https://a.disquscdn.com/next/embed/lounge.load.f3e1717b71e7256da258d3a504e56865.js ”,因为它违反了以下内容安全策略指令:“script-src https: //.twitter.com : https://api.adsnative.com/v1/ad.json *.adsafeprotected.com https://cas.criteo.com/delivery/0.1/napi.jsonp .services.disqus.com: http://referrer .disqus.com/juggler/ disqus.com http:// .twitter.com: a.disquscdn.com https://referrer.disqus.com/juggler/ https:// .services.disqus.com: *.moatads .com '不安全评估' https://mobile.adnxs.com/mob https://ssl.google-analytics.com ”。

https://a.disquscdn.com/next/embed/lounge.load.f3e1717b71e7256da258d3a504e56865.js所以基本上,即使a.disquscdn.com允许,chrome 也不会加载。此限制来自 iframe disqus 使用。当我使用本机沙盒<iframe>而不是<amp-iframe>.

我想创建一个示例,但由于 iframe 构造,我不能简单地创建一个 jsfiddle。

0 投票
3 回答
2599 浏览

amp-html - 加速移动页面 - 动态页面

新的 AMP 给我留下了深刻的印象,并希望在我的移动网站上实施它。我的移动网站上的大部分内容都是基于登录用户的动态含义,它将从不同的后端服务(如 mysql 和 sphinx)获取数据并呈现结果。

我可以将 AMP 用于我的移动网站吗?在谷歌上做了一些搜索后,我发现人们推荐它用于静态页面。以及 CDN 缓存技术如何适用于 AMP 中的动态页面。

0 投票
2 回答
2234 浏览

amazon-s3 - amp-list 不显示任何内容

我正在尝试实现 amp-list 组件。我已经在亚马逊 S3 存储桶上上传了一个公开可用的 json 文件,因为内容将通过 https 协议提供。我使用了文档中的示例文件(https://github.com/ampproject/amphtml/blob/da89bab7c3401f4200d4c58166d5ca062f77e0c0/extensions/amp-list/amp-list.md)并稍微修改了它:

验证器说:“AMP 验证成功”,但列表中没有显示任何内容。

我还尝试通过在 amp-list 标记的模板属性中引用它的 id 来指定模板,如文档(引用现有模板元素的 ID 的模板属性)中所述:

列表仍然没有显示任何内容,并且验证器返回:“DISALLOWED_ATTR 模板”。似乎 amp-list 标签上不允许使用模板属性...

也许我没有正确理解文档......

任何帮助使其工作将不胜感激。

0 投票
1 回答
2695 浏览

cookies - Google AMP,我如何使用 cookie 实现经典弹出窗口?

有人对此有想法吗?因为似乎不允许自定义 javascript。另外,页面将以“cloudflare.com”的方式缓存。谢谢。

0 投票
2 回答
1433 浏览

php - AMP wordpress 插件和通过 .htaccess 检测移动设备

我已经设置了我的网站的 AMP 版本并通过浏览器对其进行了测试,并且使用 AMP wordpress 插件可以正常工作。然后我将一些代码添加到我的 .htaccess 文件中以检测移动设备并重写到 /amp/ 版本。请告知我的 .htacess 代码是否有误,因为我无法让移动设备检测到我的 amp 版本。

0 投票
4 回答
6096 浏览

google-cdn - 如何测试 Google 的 AMP 项目的 CDN?

从这里引用:https ://www.ampproject.org/docs/get_started/about-amp.html

AMP 是一种为快速呈现的静态内容构建网页的方法。AMP in action 由三个不同的部分组成:

  • AMP HTML
  • AMP JS
  • 放大器 CDN

AMP HTML 是一种 HTML,它具有一些可靠性性能限制和一些扩展,用于构建基本 HTML 之外的丰富内容。AMP JS 库可确保快速呈现 AMP HTML 页面。AMP CDN(可选)提供 AMP HTML 页面。

从这里引用:https ://www.ampproject.org/how-it-works/

Google 正在提供一项服务,该服务通过其 CDN 提供给定 URL 的 AMP HTML 文档。

我在哪里可以找到这个 CDN 服务,以便我可以测试它?我google了很多,但我找不到任何信息。

0 投票
2 回答
2048 浏览

forms - amp-html 中的表单和输入

如果我决定使用 AMP-HTML 创建整个网站/webapp,我应该如何创建表单(登录等),如果规范中禁止所有输入元素(https://www.ampproject.org/docs/reference/spec .html )?

0 投票
1 回答
1763 浏览

amp-html - 如何在没有 URL 的情况下触发 AMP 开发模式

我正在为 AMP 页面的设计构建一些工具。根据文档,应该添加#development=1到页面的 URL 以触发验证。

我编写的工具会生成一个 AMP HTML 文档并使用 iframesrcdoc属性动态呈现它。因此没有 URL。还有另一种触发验证和开发模式的方法吗?