问题标签 [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.
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。
有人知道原因吗?
谢谢你。
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个请求。我找不到原因。
注意:如果我更换
至
它只需要一个请求。
帮助将不胜感激
谢谢
amp-html - 仅当某些条件与其他表单匹配时如何提交表单?
我正在使用 AMP。我问的是用户的手机号码,然后hit api(let's X)
。如果响应成功,则向用户显示结果,如果响应为error then I asked otp
. 输入 otp 并单击 verify I 后hit api(let's Y)
。api Y 的响应如下。
在success
api Y 和if code=1 then only I want to hit api X
. 我不知道该怎么做。以下是我所做的。
甚至可以在第一个表格的某些条件下提交第二个表格吗?
google-amp - AMP 在单独的路由或相同的路由上
我们目前正在托管我们的 AMP 页面,/restaurant/:id/amp
但我们的主页/restaurants/:id
有很多行为。所以简而言之,我们可以选择停止/amp
路由并将其托管在主路由上。我找不到谷歌对此的看法,可能的优点/缺点?
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()
是我似乎得到了不一致的类型——有时是数字,有时是字符串。这样,类型总是被正确解析,并且不会抛出错误。
有没有更简单的方法来格式化一个看起来像钱的数字(整美元,以逗号分隔,以千为单位)?如果没有,我可以对我现有的代码做些什么来使它工作?
谢谢!
html - 全屏汉堡覆盖菜单(不使用 JavaScript/Jquery)
我想为我的网站全屏创建一个汉堡包覆盖菜单。关键是我在 Google Amp 中创建这个网站,所以无法使用 javascript。请提出一种使用纯 CSS 和 HTML 创建此菜单的方法。我是一个新手,所以你的帮助将不胜感激。
任何链接或教程都会非常有帮助......
代码:
html - AMP-Story 不允许我添加超过 15 个页面
过去几天我一直在玩 AMP 故事,我开始和他们一起做一个项目,但我遇到了一个问题。后:
以下页面不可见。是的,文件有效。它们在前面的页面中起作用,但在 id=page15 之后不起作用。
我将所有视频文件用于我的故事。
我在文档或 AMP 的松弛社区中找不到任何信息。
笔记:
- 我确实多次检查了我的页码。从封面到第1页到第15页等,所有内容都正确编号。
- 我的视频在 id=page15 之前有效,但之后无效
- 所有视频都是有效的,mp4 和第 15 页及以下的作品。
到达故事 16 后,我收到以下错误:
有没有其他人有同样的问题和/或解决方案?
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
放大器控制器
css - 如何将动态样式应用于 AMP 页面?
目前,我们的网站上有一个滑块,如下所示。
正如我们所看到的,指针(要价箭头)的位置是根据Fair Condition, Good Condition and Asking Price
价值改变的。这个值是通过 api 来的,然后我们在这里使用 javascript 绑定它。我们使用一些函数计算指针的位置(要价箭头),然后使用left
我们将设置位置。
例如,对于显示指针的标签的样式属性的第一个图像值是,并且显示指针的标签left: 85%
的样式属性的图像值是left: 40%
现在的问题是当我们将此页面转换为 AMP 时,我们无法根据 api 响应设置指针的位置。
一种可能的方法是创建 100 类这样的东西
根据 api 的响应,我们可以使用 amp-bind 将此类添加到 div(显示指针)。但这不是正确的方法。
有没有其他方法可以在 amp 中实现这一点?
accelerated-mobile-page - 在 AMP 中使用 spot.im
我已经实现了静态网页,我想将它们移动到 AMP。我正在使用 SPOT.IM ( http://www.spot.im/ )。有没有办法在 AMP 页面中使用 spot.im?或者您是否知道在 AMP 页面中用于相同目的的任何不同服务?