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

javascript - 在 AMP 中包含自定义 JavaScript 的最佳方式

我阅读了有关脚本标记的所有文档,但找不到如何在 AMP HTML 中包含自定义 JavaScript。

我知道<script>标签是被禁止的,除非它的类型是application/ld+json.

有默认的 AMP HTML 运行时组件和扩展组件,其中包含不同组件的特定表单,但我找不到自定义 JavaScript 的特定表单。

这是我想在 AMP HTML 中包含的脚本标签;

0 投票
1 回答
459 浏览

css - AMP HTML amp-user-notification CSS padding-right

尝试设置 amp-user-notification 但填充不起作用。填充权

https://github.com/ampproject/amphtml/blob/master/examples/user-notification.amp.html

填充:8px;确实适用于右侧。我认为原因父 amp-element 是 display: inline-block;

如何解决?

谢谢!

0 投票
1 回答
1571 浏览

html - 我们是否在 Google Accelerated Mobile Pages 中添加正常的页眉和页脚?

当它让我震惊时,我刚刚开始研究 AMP;我们是否像往常一样添加页眉和页脚?当然没有 JS 元素。

今天,这个页面有一个相当大的下拉菜单和页脚,内容很多。我要将此添加到我的 AMP 页面吗?

0 投票
1 回答
4201 浏览

php - PHP将标签转换为amp img

我在 MySQL 表中有一些文本字段,其中包含一些 HTML 和图像(作为 html 标记)

我需要在 AMP 页面中输出相同的内容,但 amp omg 标签不同,如何将我的标签转换为 amp 标签?

我应该在我的变量中搜索图像标签吗?

0 投票
4 回答
8248 浏览

css - 加速移动页面链接到 css 文件

我正在尝试链接到 css 文件:

在模式下打开 chrome#development=1以测试我的页面是否有 amp。我收到此错误:

0 投票
1 回答
627 浏览

google-analytics - AMP 等效分析 anonymizeIp

我需要在 AMP 页面上匿名化我的谷歌分析统计信息

标准分析代码的 AMP json 等效项是什么?

0 投票
1 回答
1450 浏览

amp-html - Facebook 的 amp-social-share 上的归因属性似乎不起作用

我正在尝试实现 AMP,当我转到 /url.html#development=1 时,Facebook amp-social-share 节点错误提示“需要归因”。但我在那个节点上有一个属性属性,它是一个有效的 Facebook AppID。

为什么 amp-social-share 节点可能会失败,而其他三个节点会正常工作?

<head>即使我不确定是否有必要,我也有这个:

这是仍在建设中的东西吗?

0 投票
3 回答
9947 浏览

google-maps - 在 AMP HTML 页面上嵌入带有标记的地图

目前,我使用 Google Maps API 生成带有标记的地图(给定一组纬度/经度坐标)到给定位置。在 AMP HTML 中,目前执行此操作的方法似乎是使用 amp-iframe 扩展https://github.com/ampproject/amphtml/tree/master/extensions。问题是您不能使用带有坐标的 Google 地图嵌入代码,除非您使用“视图”地图。我没有地点 ID,所以我不能使用地点模式。我不能使用“查看”模式,因为它没有标记。我在https://developers.google.com/maps/documentation/embed/guide#overview看了高低

在放置了标记的 AMP HTML 页面上包含 Google 地图的正确方法是什么?我在论坛或 Github 问题中没有看到任何关于此的现有问题,所以我很好奇是否有其他人遇到过同样的情况。

0 投票
1 回答
453 浏览

amp-html - 是否允许多个 amp-ad 节点?

我有一个带有两个节点的 AMP 页面,但似乎只有一个节点呈现。

一个页面中不允许有两个 amp-ad 吗?也许我必须制作不同的单位名称?

0 投票
3 回答
6184 浏览

html - amp 图像被拉伸,用于响应式布局

我试图在包装器中包含图像,保持其纵横比。然而,图像伸展。以下是我遇到的问题的示例 amp html。

渲染页面后,这是amp版本

下面的样式在渲染后由放大器添加,导致它拉伸图像,将 min-width: 100% 添加到 img 元素

现在我可以通过添加min-width: auto来解决这个问题,但这会破坏使用 amp html layout responsive 的目的,并且文档清楚地说明了布局响应

元素的大小调整为其容器元素的宽度,并自动将其高度调整为由 width 和 height 属性给出的纵横比

问题陈述

我有未知尺寸的图像源,但小于 150X150 像素,理想情况下,宽度或高度均为 150 像素。我需要将此图像在固定的 150X150 分区的中心/中间(水平和垂直)对齐,如果可能的话,我希望将所有尺寸保持在 em/rem 中。