问题标签 [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 回答
70 浏览

html - amp-img 在它之后吞下内联元素

我遇到了关于 amp-img 的问题。

当我在源代码的 amp-img 之后编写内联元素时,amp-img 会在浏览器呈现它时吞下其中的元素。

源代码<amp-img /><span>...</span> -> 呈现的 html<amp-img><span>...</span></amp>

或者

源代码<amp-img /><amp-img /><a><amp-img /></a> -> 呈现的 html<amp-img><amp-img><a><amp-img /></a></amp-img></amp-img>

如果我像这样翻转元素的顺序,

源代码<span>...</span><amp-img />

它工作正常。

我检查了 MacOS 上的 Chrome 和 Safari,iOS 上的 Safari。

有人知道原因吗?

谢谢你。

0 投票
0 回答
218 浏览

ruby-on-rails - 使用 Ruby on Rails 放大器

我正在使用以下链接学习 AMP with rails

https://coderwall.com/p/wpyasq/how-to-create-an-amp-page-for-your-dynamic-content-in-rails

我已经使用以下链接克隆了一个示例应用程序

https://github.com/ProGM/rails-google-amp-example

该应用程序非常简单,它只包含一个显示页面。

所以当我打

它转到文章控制器显示操作,只接受一个请求。

当我打

它需要4个请求。我找不到原因。

在此处输入图像描述

注意:如果我更换

它只需要一个请求。

帮助将不胜感激

谢谢

0 投票
1 回答
526 浏览

amp-html - 仅当某些条件与其他表单匹配时如何提交表单?

我正在使用 AMP。我问的是用户的手机号码,然后hit api(let's X)。如果响应成功,则向用户显示结果,如果响应为error then I asked otp. 输入 otp 并单击 verify I 后hit api(let's Y)。api Y 的响应如下。

successapi Y 和if code=1 then only I want to hit api X. 我不知道该怎么做。以下是我所做的。

甚至可以在第一个表格的某些条件下提交第二个表格吗?

0 投票
1 回答
75 浏览

google-amp - AMP 在单独的路由或相同的路由上

我们目前正在托管我们的 AMP 页面,/restaurant/:id/amp但我们的主页/restaurants/:id有很多行为。所以简而言之,我们可以选择停止/amp路由并将其托管在主路由上。我找不到谷歌对此的看法,可能的优点/缺点?

0 投票
2 回答
792 浏览

amp-html - 如何在 AMP-html 中将数字格式化为金钱?

我有一些任意数字,在我的用例中介于 1,000 和 1,000,000 之间。我需要将此值格式化为显示值,在其中显示为金钱。即1000-> "$1,000"100000->"$100,000"等。

我遇到的问题是我的表达式太大,AMP 表达式太有限,所以按照我想要的方式格式化数字并不容易。我不能使用“.replace()”或任何正则表达式,甚至使用基本条件似乎也过于困难(似乎我什至不能使用标准的三元运算符:a?b:c;)。

这就是我所拥有的

当滑块的值发生变化时,我有一个显示元素设置为调用 formatMoney,例如

这种特殊的做法让我的堆栈大小为 53,超过了允许的最大值 50。

我这样做的原因round(num).toString()是我似乎得到了不一致的类型——有时是数字,有时是字符串。这样,类型总是被正确解析,并且不会抛出错误。

有没有更简单的方法来格式化一个看起来像钱的数字(整美元,以逗号分隔,以千为单位)?如果没有,我可以对我现有的代码做些什么来使它工作?

谢谢!

0 投票
2 回答
2347 浏览

html - 全屏汉堡覆盖菜单(不使用 JavaScript/Jquery)

我想为我的网站全屏创建一个汉堡包覆盖菜单。关键是我在 Google Amp 中创建这个网站,所以无法使用 javascript。请提出一种使用纯 CSS 和 HTML 创建此菜单的方法。我是一个新手,所以你的帮助将不胜感激。

任何链接或教程都会非常有帮助......

代码:

0 投票
0 回答
497 浏览

html - AMP-Story 不允许我添加超过 15 个页面

过去几天我一直在玩 AMP 故事,我开始和他们一起做一个项目,但我遇到了一个问题。后:

以下页面不可见。是的,文件有效。它们在前面的页面中起作用,但在 id=page15 之后不起作用。

我将所有视频文件用于我的故事。

我在文档或 AMP 的松弛社区中找不到任何信息。

笔记:

  • 我确实多次检查了我的页码。从封面到第1页到第15页等,所有内容都正确编号。
  • 我的视频在 id=page15 之前有效,但之后无效
  • 所有视频都是有效的,mp4 和第 15 页及以下的作品。

到达故事 16 后,我收到以下错误:

有没有其他人有同样的问题和/或解决方案?

0 投票
1 回答
109 浏览

silverstripe - SilverStripe 3.5.1 - 如果用户尝试导航到 amp.html 版本,则重定向到 SilverStripe 页面的 AbsoluteLink

我正在开发 SilverStripe AMP 模块 ( https://github.com/thezenmonkey/silverstripe-amp ) 的分支,如果 amp.html 链接有,则必须阻止任何人导航到 SilverStripe 页面的 amp.html 版本没有被生成到页面的头部。

一些附加信息:我们添加了 2 个字段,这些字段旨在显示在每个页面的 AMP 版本上:AmpImage 和 AmpContent(富文本编辑器)。如果其中任何一个为空,我将代码设置为不为相关 SilverStripe 页面生成 AMP 页面。这似乎已经足够了,但添加了一个额外的要求,即提到的重定向功能,因此没有人可以真正导航到 amp.html 页面。

我正在考虑使用 AmpSiteTreeExtension 文件进行重定向,但它似乎不允许重定向,然后我想在 Page.php 中有一个函数来检查 url 是否包含 amp.html,然后使用 AmpSiteTreeExtension 引用它,但是每次我尝试时,我都会收到一条错误消息,指出该功能在“页面”上不存在或者它不是公开的。

有没有好的方法来处理这种情况?最好使用 Page.php 还是使用其他方法?

以下是我正在使用的文件:

AmpSiteTreeExtension

放大器控制器

0 投票
2 回答
1166 浏览

css - 如何将动态样式应用于 AMP 页面?

目前,我们的网站上有一个滑块,如下所示。

1 2

正如我们所看到的,指针(要价箭头)的位置是根据Fair Condition, Good Condition and Asking Price价值改变的。这个值是通过 api 来的,然后我们在这里使用 javascript 绑定它。我们使用一些函数计算指针的位置(要价箭头),然后使用left我们将设置位置。

例如,对于显示指针的标签的样式属性的第一个图像值是,并且显示指针的标签left: 85%的样式属性的图像值是left: 40%

现在的问题是当我们将此页面转换为 AMP 时,我们无法根据 api 响应设置指针的位置。

一种可能的方法是创建 100 类这样的东西

根据 api 的响应,我们可以使用 amp-bind 将此类添加到 div(显示指针)。但这不是正确的方法。

有没有其他方法可以在 amp 中实现这一点?

0 投票
1 回答
399 浏览

accelerated-mobile-page - 在 AMP 中使用 spot.im

我已经实现了静态网页,我想将它们移动到 AMP。我正在使用 SPOT.IM ( http://www.spot.im/ )。有没有办法在 AMP 页面中使用 spot.im?或者您是否知道在 AMP 页面中用于相同目的的任何不同服务?