问题标签 [google-amp]

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 回答
146 浏览

javascript - 如何在 AMP html 网站中获取 Medium 博客文章?

我正在做AMP 项目。我想在 AMP 网站上发表我的博客文章。

我如何在 AMP 网站上获取所有博客文章。以 json 格式为我的博客提供 RSS 提要。所以我的问题是我如何从媒体获取 POST。

0 投票
2 回答
60 浏览

javascript - 如何在移动版中加载 amp html

我有 2 个 html,例如 non-amp.html 和 amp.html。

包括我

在我的 amp.html 和

在我的 index.html 中。

当我将我的网站保持在移动视图中时,桌面 html(非放大器)正在加载。任何人都可以建议我帮助。谢谢。

0 投票
0 回答
87 浏览

amp-html - amp-ad srcdoc 或 srcdoc 等效项

我想在预览环境中使用 amp-ad。预览环境的限制是我们不允许通过请求提供广告。

创意广告技术开发人员的一个常见用例是使用 iframe 及其 srcdoc 属性来呈现广告并对其进行调试。

结果,我尝试通过 srcdoc 获得 amp-ad 渲染,但没有任何运气。是否可以使用 srcdoc 属性或将 html 插入 amp-ad 框架而不向外部或内部源发出请求。

AMP 允许在 amp-ads 中呈现第 3 方内容的方式是通过 amp-3p-custom-ad 元标记。

0 投票
0 回答
37 浏览

html - 为什么使用 AMP 时图像没有响应?

我在 index.html 中包含以下脚本:

之后,在我的身体里,我有这个结构的图像标签:

但图像根本没有响应。为什么 ?

0 投票
1 回答
492 浏览

amp-html - AMP 注入不需要的样式 `style="top: calc(0px);` 使用时

我正在尝试在标头/导航下方显示一个社交分享栏。现在,由于我无法控制的内联样式,它被掩盖了。

这是我的包装 div 在产品上的样子。

<div id="sharebar_801" class="sharebar-inline-desktop sharebar-wrapper sharebar-inline-mobile" i-amphtml-fixedid="F1" style="top: calc(0px);">

奇怪的是在沙盒和本地,它没有style="top: calc(0px);"

我不能用它覆盖它,!important因为这会破坏验证,为什么会有那种风格,我能做些什么来删除它?

0 投票
1 回答
1063 浏览

amp-html - 在此页面上找到了扩展名“amp-bind”,但未使用。请删除此扩展程序。”

我有一个非常简单的 AMP 页面,它使用amp-bind. 但是,验证器始终显示此消息:

在此页面上找到了扩展名“amp-bind”,但未使用。请删除此扩展程序。”

我的页面确实使用amp-bind. 该页面的代码在这里:

谁能解释为什么显示此消息,我该怎么做才能删除它?

0 投票
1 回答
409 浏览

amp-html - 拒绝获取不安全的标头“AMP-Access-Control-Allow-Source-Origin”

amp-iframe在 iframe 中使用 Google 地图的页面。该页面工作正常,并在我尝试过的所有浏览器上验证,MacOS 上的 Safari 除外。

我在控制台中收到此错误:

我尝试将这些标头添加到我的服务器:

但是,我仍然看到同样的错误。它只发生在 Safari 中。似乎与 CORS 有关。任何人都可以帮忙吗?

0 投票
1 回答
1075 浏览

amp-html - 语法错误:需要值、对象或数组

我的 amp 页面有问题,Google 没有将它们编入索引。下面是错误的图片。

在此处输入图像描述

0 投票
1 回答
99 浏览

reactjs - 如何让我的 AMP 变得多余?

*我使用 AMP 样板制作了一个静态 HTML 页面,其中包含一个水果产品的详细信息,比如苹果,所以我的 URL 看起来像 www.xyz.com/apple

该页面包含一个简单的<amp-carousel>和一些与src苹果相关的数据。(路径中的产品)其中包含标题“Apple”、内部<amp-img>的3 个图像<amp-carousel>和一个<amp-list>取决于srcURL 路径/路径的图像。

假设我有其他产品,我想通过将路由路径更改为 、 等来显示其www.xyz.com/orange详细www.xyz.com/pears信息www.xyz.com/grapes

假设我想根据 URL 保持动态,比如 for www.xyz.com/orange,我的静态页面现在将包含类似的信息,但与 URL 路径相关 - 即。orange// pears_grapes

由于不同的产品包含不同的标题、不同数量的图像amp-listamp-carousel任何简单列表,我如何使用 ReactJS/ES6 语法使我的内容动态以更新 URL 中的路径。

此外,在服务器上生成 HTML 之前,请提供有关 AMP 页面的数据流/生命周期方法的任何信息(我假设我缺少这些信息)。

0 投票
1 回答
79 浏览

amp-html - 如何为制作共享相同设计的静态放大器页面提供数据?

据我了解,使用 amplist、ampcarousel、ampimg 需要一个始终硬编码的 src(取决于产品的详细信息页面 URL)

例如。- https://www.example.com/amp/details/Samsung-smartphone-s5 - https://www.example.com/amp/details/one-plus-3t - https://www.example.com /amp/details/iphone-6s

由于它们都是详细信息页面,但具有不同的内容,例如 - 标题、价格、图像、list_items 等。那么在制作最终 HTML 之前如何提供这些静态数据?

注意:在详情页,路线路径改变,但设计保持不变。

那么我应该把这些数据带到哪里来制作数千个类似的页面,并且为所有这些页面手动编写 AMP-HTML 听起来是多余的?