我试图在我的本地计算机上模拟AMP登录/注销，但不清楚提交弹出式登录后我必须做什么 我在尝试模拟来自的示例时遵循了该示例，如果提交验证登录，那么我将重定向到一个页面login done.html？url={redirecturl}success=true。{redirecturl}是开头url 在这个页面中，我添加了login done.html？url={redirecturl}success=true。 但重定向后不会发生任何事情，并且会出现以下错误： amp-login-done-0.1.

一个例子 <amp-img media="(min-width: 650px)" src="wide.jpg" width=466 height=355 layout="responsive" > </amp-img> <amp-img media="(max-width: 649px)" src="wide.jpg" width=527 height=193 layout="responsive" > </amp-img&

我正在构建一个AMP页面，其中包含一个动态填充在AMP侧栏中的AMP列表，这样我就可以为AMP模板的用户提供我们网站上当前导航的最新版本 不幸的是，我传递到mustache模板中的href属性的URL似乎导致锚标记被完全剥离 使用以下代码返回到原始的ampbyexample.com-example，我得到了相同的结果： <amp-list width="auto" height="100" layout="fixed-height" src="https://ampbyexam

由于amp iframe可以基于此链接用于地理定位目的，因此使用设置allow=“geolocation”是否允许访问HTML5地理定位API，还是只允许运行某些类型的脚本？标准HTML属性allow=“geolocation”执行以下操作： 它允许iframe请求许可 默认情况下，它不授予iframe权限 作为补充说明，AMP现在支持基于AMP geo组件的本地地理定位，该组件将提供大致的国家级地理定位接口。amp geo组件以ISO 3166-1 alpha-2国家代码的形式使用发起请求的国

我正在尝试使我的页面与AMP兼容，但我在使用谷歌的验证工具时遇到了一个问题，我得到了以下错误： 引用的AMP URL不是AMP 关于这个问题，这里也有类似的话题，但我的问题似乎性质不同。我没有AMP和非AMP版本，我只是所有设备都有AMP页面，每个页面只有一个版本 我通过引用页面url添加了规范引用： <link rel="canonical" href="https://www.gpu-central.com/en/" /> 正如您可能已经猜到的，后面的url是 我也尝试过在

关于启用/禁用此功能，我有很多。我将此元素用于一些背景/风格元素，因此我希望用户不能单击它。非常感谢您的帮助 以下是我正在使用的代码，删除了类和URL： <amp-img width="2000" height="515" layout="responsive" src="https://image.url"> <amp-img placeholder src="https://placeholder.url"

我正在尝试使用Google Optimize为AMP页面创建重定向测试。通常，要在页面上安装Google Optimize，您会使用以下内容： <script src="https://www.googleoptimize.com/optimize.js?id=OPT-'some ID'"></script> 不幸的是，此脚本标记与AMP不兼容。我能做些什么呢？在AMP网站上，这不起作用，因为你必须记住这一点。查看提供有关配置的信息。在AMP网站

需要一个新的解决方案。 为什么？ 我的第一个想法是为非js浏览器提供一个简单的备份。但这对AMP无效。 我的第二个问题是，AMP-img或其他标记（如AMP-ad等）之间是否会有AMP-handle或保留供将来使用的文本或其他内容。这不需要关闭标记就可以正常工作？需要关闭标记，因为HTML中的所有标记都需要关闭标记，除了非常小的白名单。正如你提到的img和其他一些。所有自定义元素（有时也称为web组件）都需要关闭标记，因为它们不在短白名单上。需要关闭标记，因为HTML中的所有标记都需要关闭标记，

我目前无法在amp-fx飞毯标签内添加amp-ad标签。飞毯容器将正确呈现，但包含的amp ad标签显然根本没有处理 奇怪的是，当我在页面上第二次（或第三次）放置完全相同的amp fx flyingfund标记时，amp ad标记正确呈现 有人也有同样的问题吗 （您必须向下滚动输出帧）这是github上的问题 开发者似乎已经解决了一些问题，我希望它能很快发布。飞毯扩展文档：我也遇到了同样的问题。自12月2日/3日起，飞毯不再显示Adsense广告，并进行了交换。从发布到今天的这一周很好。我的怀

我已在我的移动网络上设置amp img，以便按如下方式拨打电话： <p class="center"> <amp-call-tracking config="https://www.onsumlock.com/calltracking.onsum"> <a href="tel:97647811"><amp-img src="img/call.gif" width="300" height="107" alt="Lock1"><

有3种方法可将AMP与PWA结合（如上所述）： 具有PWA功能的AMP页面 AMP作为PWA的入口点 AMP作为PWA的数据源 在第一种和第三种方法中，我们使用ServiceWorker从服务器获取AMP内容，如果需要，对其进行修改并呈现。有人能解释一下这些方法之间的区别吗？“Shadow AMP”API的具体用途是什么？“Shadow AMP”是渐进式Web应用程序中AMP的一个特殊版本。在AMP库的顶级页面中，它只会“放大”页面中您需要的部分，而不会控制顶级内容。 当全局AMP变量和Shad

如何在amp bind中包含多个动态类 例如： <div [class]="condition1 ? 'classA' : 'classB'" [class]="condition2 ? 'classA' : 'classD'"></div> 您可以在amp-bind表达式中返回包含多个类的单个字符串： <div [class]="(condition1 ? 'classA' : 'classB') + ' ' + (condition2 ? 'classA' :

我有一个rails站点，Sensr.net，它可以在移动设备上自适应渲染。我正在考虑启用该网站。我们呈现了一个移动版本，所以AMP在那里是有意义的，但是它对站点的桌面版本有意义吗 如果您已经运行了两个版本，并且它适合您，那么最好只为移动设备创建一个AMP版本。如果您希望整合到一个版本以便于维护，请务必使用AMP创建一个响应性强的站点，该站点可在桌面和移动设备上呈现 虽然AMP缓存不是桌面上谷歌搜索的一部分，但由于AMP设置的严格要求，您将在桌面上看到一些性能提升，这迫使您使您的站点更加精简。Ja

我试图打开一个放大器灯箱点击另一个放大器灯箱。但这导致了这两个公司的倒闭。有没有人能给我一个方法，让我一个接一个地打开它们，然后以类似的方式关闭它们 <div> <amp-lightbox id="my-lightbox" layout="nodisplay"> <div class="lightbox" on="tap:my-lightbox-1" role=&

我想阻止一些放大器组件（amp-image、amp-ad或amp-iframe）直到其中一个放大器组件被解析。ie.-amp验证码已解决或amp脚本已成功运行 我检查了我们是否可以使用带有data block on approve属性的amp approve组件来实现类似的功能，我想知道我们是否有一些参数来实现这一功能而不使用amp approve如果没有，我们是否有任何解决方法来实现这一功能？如果没有，我们是否有任何解决方法来实现这一功能。？

我试图基于amp下一页文档实现以下示例 预期结果： Render index.html 得到 呈现页面（第1条、第2条、第3条） 得到 呈现页面（第3条） 结束 获得的结果： Render index.html 得到 呈现页面（第1条、第2条、第3条） 结束 我不知道我是否做错了什么，或者这个可选字段“next”不起作用 有一个amp next page（v1.0）在json响应中使用“next”字段的真实示例？都德，很难找到解决此问题的方法，但我找到了 “下一个”属性不起作用，不管发生什么。所

据我对amp的了解，amp仅适用于移动设备。如果我使用的是响应式设计，我的web服务器为每个设备的每页提供相同的HTML文档 但是如果我想使用AMP，web服务器应该决定是为桌面提供HTML还是为AMP提供HTML 我该怎么做？通过用户代理？（我认为它很难看，而且不可扩展） 我遗漏了什么？对于相同的内容，您应该有两个URL。主要文章将是 而amp版本： 没有用户代理切换相同的url。您只需在主要文章中指定您有一个带有链接标记的amp版本的文档： <link rel="amphtml" h

我是AMP的新手，不知道它是给谁的。比如说 我可以或者应该将我的主页创建为AMP页面 我听说这只是针对新闻发布者的，但首字母缩略词没有说明这一点，只是加速移动页面，对我来说相当普遍 欢迎任何帮助。AFAIK，AMP对任何人和所有人开放使用。主要区别在于，如果规范页面是AMP页面，标记中需要包含。目前，谷歌搜索结果仅在文章上显示thunderbolt标记，但很快，它们将包括其他类型的网页 AMP这里的团队成员- 如果你正在创建一个承载大量静态内容的新网站，那么答案是肯定的——你可以，甚至应该 如果

当前是否可以在特定时间暂停amp动画 示例场景： 我有一个动画（10秒），以介绍（2秒）开始 我希望动画在2秒时暂停 用户可以单击按钮恢复该动画的播放 第1点和第3点已经起作用。但我不知道如何实施第2点，如果这是可能的话。 非常感谢任何帮助/提示。您需要使用两个amp动画，因为amp中没有计时器，可以在2秒时暂停动画。第一个是简介和自动播放，第二个由用户操作触发 你能分享你的代码吗？谢谢。我认为这里不需要代码。我只是想知道，如果你检查了，如果我没有弄错的话，它认为这就是你想要的。谢谢。这正是我想

我们有一个带有amp表单和输入文本的搜索栏。在验证时，我们希望重定向移动站点上的页面，但我们找不到一种方法来模板化url，如下所示： <form method="get" action="https://example.com/search/'+searchword+'.html'"> <input type="text" autocomplete="off" id="searchbar"> </form> 当然，我们不能更改url，以在查询字符串中

我试图实现amp更新缓存，但在访问时遇到问题 “apikey.pub”amp项目URL https://www-example-in.cdn.ampproject.org/c/s/www.example.in/.well-known/amphtml/apikey.pub 重定向到 www.example.in/.well-known/amphtml/apikey.pub 我也试着用 https://www-example-in.cdn.ampproject.org/r/s/www.examp

我们能在AMP网站上使用MathJax吗。因为我们有很多需要MathJax.js的数学内容。如果是，我们如何实施它？将此包含在head中 <script async custom-element="amp-mathml" src="https://cdn.ampproject.org/v0/amp-mathml-0.1.js"></script> 包括在正文中 <amp-mathml layout="container" data-formula=

我正在将我的一个网站转换为AMP，也称为Canonical AMP。首先是减少代码库，其次是看看是否可以做到。说到广告，我遇到了一个障碍，因为谷歌Adsense的AMP广告似乎只针对“手机”制作 那么，有人知道在使用Adsense时使用amp广告标签上的媒体属性是否合法吗 我问的原因是Adsense的“响应”广告代码使用 <amp-ad width="100vw" height=320 ... （其中$desktop_width是任意宽度，其中我的布局切换到桌面模式，即两列布局）和

我想知道如何根据用户选择的选项获取文本内容，并将其设置为amp state。 例如，如果用户选择“红色”选项。我想将“胭脂”设置为amp状态而不是“红色”。我知道我可以通过setState函数中的event.targetOption获取值。但是，找不到如何获取文本并将其设置为amp状态 <amp-state id="selectedColor"> <script type="application/json"> { "value": ""

我试过为不同的平板设备使用几种不同的模拟器，但在谷歌搜索时没有看到任何AMP结果。是否设置了一个断点，以确定哪些手机和平板电脑设备从谷歌搜索中接收AMP结果？我知道AMP页面在技术上可以在任何设备上呈现，但我想知道google呈现的搜索结果。只有屏幕小于7英寸的设备才会有AMP搜索结果 资料来源：几个月前我问过一位谷歌联系人，只有屏幕小于7英寸的设备才会有AMP搜索结果 资料来源：几个月前我问过一位谷歌联系人我很高兴。。。AMP和bootstrap=令人头痛的事！AMP中不允许出现重要信息。我为

我随后对AMP执行了“显示更多”操作。它工作得很好，但当我点击按钮时，它不会显示任何内容，让用户知道页面正在加载 我的后端速度不是特别快，所以看起来它直到最终加载东西才工作 里面也没有任何东西，但速度非常快 有什么办法吗？即使只是禁用按钮。我看不到列表或表单上有任何类更改，因此无法在CSS上使用它们 这是我的代码： amp-state id="#{section}State" src="#{path}" amp-state id="#{section}" script type="appli

是否可以在AMP应用程序上发送内容类型为application/json的POST请求 更多上下文 我的应用程序上有一个表单，我需要使用内容类型：application/json在我的API上执行POST请求。我已经检查了该组件以便执行此操作，但我注意到它发送了一个带有标题内容类型的请求：multipart/formdata；boundary=---WebKitFormBoundaryoYJsC0JKaBczGL1z如您所见 那么，是否可以将其更改为application/json，或者API

我正在用amp表单进行后端数据输入验证，我想在前端显示错误。然而，当我提交表单时，即使表单包含错误（没有输入名称），前端也会说“成功”，而不是输出错误 PHP代码： action xhr=“scripts/contact_process.php” 验证xhr=“/scripts/contact_process.php” method=“post” target=“\u blank” class=“详细的联系方式” 自定义验证报告=“随用随用” > 安排约会 电子邮件 名称 电话 消息 我想为我

我有一个网站，编辑可以使用[display_phone]短码在文本中插入电话号码。数量根据观众可能拥有的cookies而变化；我们进行AJAX调用以获得所需的数字 我试着在AMP页面上复制这个。我用amp list元素成功地实现了这一点，但是，这是一个块元素。我需要一个内联元素，该元素将从其父元素继承字体大小和其他样式。我尝试将amp列表强制为内联或内联块，但它将样式应用于其模板内无法覆盖的元素 我考虑过使用其他元素进行显示，并使用amp state作为数据源，但是amp bind在没有用户输入

我有一个完整的amp网站（例如）。我确实实施了这些优化以减少FID时间（首次输入延迟）： amp优化器的使用（php实现） 推送批评javascript（服务器中已激活h2） 但是我仍然有一个250毫秒的FID。如何使FID低于100毫秒 注：其他CORS指标对网站来说是可以的。Hi，你应该在StackOverflow上进行测试，解释如何正确提问。社区是来帮助你的，但你肯定需要提供更多的细节来帮助我们回答你的问题：）我尽了最大努力添加了传统信息。谢谢你的建议

是一项服务，通过以下格式的URL为AMP页面的缓存版本提供服务： // original URL https://amp.theguardian.com/football/2016/aug/23/roma-champions-league-porto-dundalk // cached version on Google AMP Cache https://cdn.ampproject.org/c/amp.theguardian.com/football/2016/aug/23/roma-

我正在努力使我们的广告网络集成到amp现在。 因此，我对amp ad的跟踪方法感到困扰。 如果有人有好的解决办法，你能帮我吗 我们的广告网络工作如下： 媒体端请求广告请求 广告网络侧返回ad info和token 媒体端使用ad info显示广告 媒体端使用令牌跟踪视图中的 显示广告时，amp-ad在iframe内处理。 因此，我不能给视图中的一个令牌来跟踪url，以便使用amp analytics触发。 你能解决这个问题吗 对不起，我的英语不好。 谢谢。自从问题解决后，我报告说 无法将动态参数

我正在创建一个谷歌放大器页面，需要包括一个响应图像。我希望图像是可点击的，这样当它被点击时，它会使用锚标记导航到另一个url。在我用锚定标签包装amp图像之前，一切都很正常，此时图像将不再显示在页面上。如果我使用其他一些布局选项，例如固定或弹性项，即使使用锚定标记，图像也会按预期显示 amp验证测试通过 以下是我提交的html： <a href="www.example.com"> <amp-img layout="responsive" src="/src/phot

我的网站有三栏设计 我坚持对谷歌PageSpeed测试的可见内容进行优先级排序 它说“即使有完整的HTML响应，最终的折叠内容也无法呈现。” 当我编辑代码时，消息将更改为“最终…的xx%” %怎么算？我该怎么做才能解决这个问题 这是我的测试地点： 以及PageSpeed报告： 我所做的： 关闭所有渲染块元素 将标签中折叠内容上方的css 所有使用的imgae都经过了良好的调整 没有使用外部javascript/css，并且 通过AMP HTML （validator.ampproject.

在amp转盘（带预览的图像库）的基本示例中 有没有办法更改活动按钮的样式？ 因此，聚焦按钮（即使在自动播放模式下）通过css样式高亮显示 <amp-carousel id="carousel-with-preview" width="400" height="300" layout="responsive" type="slides" autoplay> <amp-img src="https://unsplash.it/400/300?image=10" width="40

这里使用一个虚拟表单，我有一个产品列表，您可以通过单选按钮选择数量。当你第一次选择quantity 2时，我相信amp bind会启动，它会重新加载amp列表，这样做会忘记选中的单选按钮。但此状态之后的后续单击将保留 <amp-list id="paged-amp-list" layout="fixed-height" height="700" src="https://example.net/dev/puritan/amp1/products.php" [src]="'https://e

我正在实现一个amp列表，其中包含amp-img，src来自amp-state。代码如下： <amp-state id="cars" [src]="'/api/cars/?id=' + (carId || '')"> <script type="application/json"> [] </script> </amp-state> <amp-list id="car-list" layout="fixed-

我正在尝试将amp状态与amp youtube标记一起使用。我无法从服务器动态呈现amp youtube，以下是示例： <amp-state id="youtube" [src]="'/get-youtube-id?query=hello"> <script type="application/json">{"id":"VWGBOGcrj4s"}</script> </amp-state> <amp-youtube [data-vid

我已经启用了amp脚本，正在测试一些可以和不能执行的示例 我正在运行以下示例代码： var elmnt = document.getElementById('element-content'); var class = elmnt.className; var height = elmnt.scrollHeight; console.log(class); console.log(height); 我的HTML： <amp-script layout="container" src="

我正试图为一个网站的顶级新闻栏目制作一个旋转木马。为了实现这一点，我使用了基于amp的旋转木马组件。然而，它似乎不能正常工作，正如您在这个测试站点上看到的：（在移动/平板设备上） 以下问题值得注意： 虽然我尝试了预加载，但并非所有图像都会立即加载（如我所愿） 刷卡不顺畅，因为它在刷卡速度稍快的情况下意外跳过了2个图像 如果刷得太快，它会在最后一个图像处停止；及 有时两次滑动之间会出现延迟（好像它试图刷新） 有人能解释这些问题吗？有没有办法解决这个问题？如果没有，是否可以使用Owl转盘和amp脚本

根据 AMP项目禁止表单、输入、文本区域、选择和选项等HTML标记 但是，使用表单和输入标记 禁止输入元素的原因是什么？根据Malte Ubl在2017年11月1日的评论，表单支持已经启动。看 我以前提供的答案现在已经过时，但保留在下面。谢谢 ======================================== 有关AMP的最新发展，请参见@nickh提供的答案。谷歌打算实现：AMP表单支持将取代我的旧答案。我下面的回答是在2015年10月提供的，现在已经过时了。谢谢 =======

对于URL/products/123，我们能否从URL中获取并使用该123，以获取并显示相应的数据？ 如果我理解正确，使用此动态可以使用setState处理用户对相关产品的点击，从而允许用户重用模板。查询参数可以使用访问，这是amp list组件支持的。在您的情况下，您可以通过查询参数提供产品id： /products？product=123456 …然后使用amp list呈现产品详细信息： <amp-list src="https://foo.com/list.json?product

在内容第二行的趋势故事组件（amp列表）中，仅显示桌面上的第一项。当然这是高度/css问题 有什么想法吗？我已经看过开发人员控制台，看起来css有一些问题。首先，要查看所有的故事，您需要设置趋势故事的宽度：100%，因为不设置趋势故事的内部容器的宽度是使amp list使用计算的宽度，即102.969px。然后设置清除：左在.trending.section中，因此标题位于正确的位置 .trending .trending-stories { width: 100%; } .trend

如果没有任何值得注意的更改，amp同意元素在我们的amp ad和amp嵌入元素上不起作用 页面有效，同意上的属性数据块可用，但由于某些原因，amp ad和amp Embedded中的内容被加载，禁用ad的预期效果未显示任何反应 对于简单的测试，我刚刚添加了amp img，它在用户同意的情况下以预期的方式运行 使用以下元素进行一些简单测试： <amp-ad data-block-on-consent width="300" height=

能否请您解释一下AMP中的Access URL变量、它们的用途以及它们的使用方式和位置 例如，您能否提供一个逐步的示例，说明如何将它们集成到amp故事中 官方amp访问示例，用于演示first click free和view counting 来自： 为各种端点配置URL时，发布者可以使用 替代变量。定义了这些变量的完整列表 在里面 此外，该规范还添加了一些特定于访问的变量，例如 READER\u ID和AUTHDATA Access URL变量允许您通过将用户或会话的重要信息包含在URL

在amp页面中，我知道css允许有50k的限制（在头部的样式标记之间）。我想知道内联样式属性是否也会影响大小 我在任何地方的文档中都找不到这个最大大小 如果作者样式表或内联样式一起大于75000字节，则为验证错误 注意：内联样式的每个实例都有1000字节的限制。最大大小 如果作者样式表或内联样式一起大于75000字节，则为验证错误 注意：内联样式的每个实例都有1000字节的限制。中指出： AMP验证器在测量数据大小时抛出此错误 将中的内容设置为超过75000字节 限制 报告中指出： AMP验证器

我想将AMP故事中的第三个故事页面设置为活动页面，这样当用户访问该故事时，我们显示的第一个故事页面就是第三个 我在AMP文档中找不到任何代码，它必须是一个简单的解决方案 你能给我一些建议吗？AMP>故事是线性的，这意味着它们必须总是从“封面”页开始 AMP故事是线性的，这意味着它们必须总是从“封面”页开始 这项技术正在开发中，目前可作为一项名为故事分支的实验使用。您可以在这里找到WIP文档。这是正在开发的，目前作为一个名为故事分支的实验提供。您可以在这里找到WIP文档。如果用户已经访问了前三个2

我们在使用amp时看到一些奇怪的行为 onUpdate href似乎没有发出正确的CORs请求。我们的代码设置为仅接受CORs请求，但是onUpdate href请求失败，因为似乎没有设置访问控制允许源站头。我们也没有看到\u amp\u source\u origin查询字符串。这两个都是在checkApproverhref上设置的，通过CORs限制可以正确调用它。。如果我删除CORs限制，将调用端点，但我看不到任何post数据

大家好，谢谢你们抽出时间来看我的问题。首先，我的AMP标记在操场上验证并渲染得很好，从操场发送到gmail时也很好 但是，当我使用mailgun和mailgun模板发送amp电子邮件时，我对php版本的sendMessage（）中的amp html参数的内部内容感到困惑- 'amp-html'=>“…邮枪发送电子邮件，但会显示一条错误消息，说明无效的amp，但我将amp放在哪里：） 正文{可见性：隐藏} 你好，AMP4电子邮件世界。 以上面的代码为例，这段代码的哪一部分进入mailgun中s

当我使用带有回退/子映像的.webp映像（对于不受支持的浏览器）并带有“自动前进后”时，我的AMP故事中断：延迟滚动，没有自动滑动。 我尝试了所有文档化的方法来使用.webp和fallback/child映像，但是“自动前进后”没有任何效果 当我删除“自动前进后”，它的作品很好 我们如何重现这个问题？ 将.webp与回退/子映像一起使用 在=“15s”之后添加自动推进 所有浏览器都出现问题，AMP版本为201013225003