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

javascript - AMP点击事件改变value属性的内容

你好!

我正在使用 amp-bind 方法。我跟踪一个按钮的点击。我称之为模态窗口。有了这一切都好。接下来,我想更改输入值属性的内容。从触发事件的按钮中获取值。

我的代码:

我将有许多按钮和一个模式窗口。我需要从导致事件的按钮中获取一个值,并将其写入模态窗口元素。 我怎样才能做到这一点?

非常感谢您!

0 投票
3 回答
3383 浏览

amp-html - Amp-forms 如何切换禁用属性

我有一个带有几个单选按钮的 amp-form。根据选择的单选按钮,我想禁用或启用输入字段。默认情况下禁用输入字段。

鉴于输入包含 disabled 属性,该字段始终处于禁用状态。我尝试设置 disabled="disabled" 然后将其更改为 disable="enabled" 但由于 disabled 属性的存在而不起作用。

我使用 on="change:Amp.setState... 将值 hoursEnabled 更改为“启用”或“禁用”。

在 AMP 的限制下,如何在禁用和启用状态之间切换?

0 投票
1 回答
1263 浏览

css - 在 AMP 中显示 Overlay 时防止正文滚动

有什么方法可以<body>在显示叠加层时禁用 AMP 中的滚动功能?

这是我尝试过的:

但是,在控制台中可以看到以下内容,这意味着 AMP 强制始终overflow显示<html><body>

我查看了 AMP 的文档和 HTML 规范,但找不到任何东西。

0 投票
1 回答
150 浏览

magento - 这可以将当前页面转换为 AMP

我正在使用此扩展程序为我们的 Magento 电子商务网站创建 AMP 页面。

在该扩展程序中,他们为 AMP 创建不同的页面(主页、类别页面、产品页面)。我们觉得这是一项额外的工作。

这可以将当前页面转换为 AMP 吗?(没有任何修改)

0 投票
1 回答
358 浏览

caching - Google AMP Cache - 强制从缓存中加载 index.html?

有什么方法可以强制加载主主页(index.html)从 AMP Cache 加载?

我根据手册从缓存中加载了所有图像:https ://developers.google.com/amp/cache/overview

但是在 DevTools 审核中,主页仍然存在错误(未通过 http/2 提供 - 来自缓存) DevTools-审计

0 投票
1 回答
144 浏览

amp-html - 提交时出现 Google Amp 联系表单错误

任何人都可以帮助我使用 AMP 联系表吗?我正在使用 Mailchimp 和 SendEngine 制作订阅表单,并将表单嵌入到我的 HTML 页面中。

这是错误的屏幕截图:

提交表单时出错

0 投票
0 回答
210 浏览

amp-html - 泰国/泰语是否支持 Google AMP?

在访问曼谷的谷歌总部时,我们了解到泰国是唯一不支持 AMP 的国家。(更具体地说,泰语作为英语页面工作得很好)。

由于这次会议是去年三月,我只是想知道它是否仍然准确?(并希望它不是)。

现在我们将在 PWA 中进行开发,但我想超越并创建一个 AMPWA 8)。

我找不到有关该问题的任何文档,因此欢迎提供任何信息。

谢谢,

0 投票
2 回答
684 浏览

forms - 为表单提交禁用 AMP

我正在开发一个使用 AMP 的现有静态站点(仅 HTML 和 Javascript)。我需要添加一个向第三方服务提交 POST 请求的表单。该服务仅接受 POST 请求。

当我使用普通 HTML 添加表单时,出现以下错误。

只有基于 XHR(通过 action-xhr 属性)的提交才支持 POST 请求。

通过一些研究,我了解到 AMP 表单需要该action-xhr属性。将我的表单action属性更改为action-xhr导致此错误:

响应中“Access-Control-Allow-Credentials”标头的值为“”,当请求的凭据模式为“包含”时,该值必须为“真”。

有没有办法可以将表单添加到使用 AMP 的网站,以便表单向第三方 URL 提交 POST 请求?最好 AMP 根本不会干扰。

0 投票
3 回答
725 浏览

javascript - Google AMP - 将当前页面 URL 保存到本地存储

谁能指出我正确的方向?我正在构建一个登录页面,该页面应该将带有查询字符串的当前页面 URL 存储到本地存储中。我已经查看了所有内容,但找不到可以使我的 AMP 页面保持有效的解决方案。

0 投票
0 回答
70 浏览

html - AMP - amp-list Out of Viewport loading

这是我的问题:

如果我加载一个 AMP 列表,它不会从视口中加载任何内容,但我的全部意图是有一个可能溢出的表。正如您在以下 GIF 中看到的那样

我尝试了所有可能的布局设置。

应该是什么样子:https ://gfycat.com/RelievedSplendidAmericangoldfinch

它的样子:https ://gfycat.com/NauticalDimHogget