问题标签 [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.
amp-html - ` 支持哪些格式`
我在这里找不到任何地方支持的文件格式.gif
。是否包含在此扩展中,或者是.gifv
这些格式的预期标记并且仅用于?webm
<amp-video>
<amp-anim>
.gif
amp-html - 如何制作响应式放大器轮播
有没有办法做出响应amp-carousel
?
我尝试layout="responsive"
在轮播中的图像上使用该属性,但它不起作用。
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。
amp-html - 加速移动页面 - 动态页面
新的 AMP 给我留下了深刻的印象,并希望在我的移动网站上实施它。我的移动网站上的大部分内容都是基于登录用户的动态含义,它将从不同的后端服务(如 mysql 和 sphinx)获取数据并呈现结果。
我可以将 AMP 用于我的移动网站吗?在谷歌上做了一些搜索后,我发现人们推荐它用于静态页面。以及 CDN 缓存技术如何适用于 AMP 中的动态页面。
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 标签上不允许使用模板属性...
也许我没有正确理解文档......
任何帮助使其工作将不胜感激。
cookies - Google AMP,我如何使用 cookie 实现经典弹出窗口?
有人对此有想法吗?因为似乎不允许自定义 javascript。另外,页面将以“cloudflare.com”的方式缓存。谢谢。
php - AMP wordpress 插件和通过 .htaccess 检测移动设备
我已经设置了我的网站的 AMP 版本并通过浏览器对其进行了测试,并且使用 AMP wordpress 插件可以正常工作。然后我将一些代码添加到我的 .htaccess 文件中以检测移动设备并重写到 /amp/ 版本。请告知我的 .htacess 代码是否有误,因为我无法让移动设备检测到我的 amp 版本。
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了很多,但我找不到任何信息。
forms - amp-html 中的表单和输入
如果我决定使用 AMP-HTML 创建整个网站/webapp,我应该如何创建表单(登录等),如果规范中禁止所有输入元素(https://www.ampproject.org/docs/reference/spec .html )?
amp-html - 如何在没有 URL 的情况下触发 AMP 开发模式
我正在为 AMP 页面的设计构建一些工具。根据文档,应该添加#development=1
到页面的 URL 以触发验证。
我编写的工具会生成一个 AMP HTML 文档并使用 iframesrcdoc
属性动态呈现它。因此没有 URL。还有另一种触发验证和开发模式的方法吗?