我想使用amp表单提交表单。将文本/数据发送到同一域内的数据库
在提交一份简单的表格后,我发现了一个未发现的错误:
表单提交失败::响应必须包含AMP Access Control Allow Source Origin标头
我在谷歌上搜索过,大多数答案都指向在.htaccess文档中设置标题,如下所示:
标题集访问控制允许原点“*”
我正在继续搜索答案。出于安全原因,AMP要求在跨源HTTP响应中显示某些标头,包括AMP访问控制允许源代码
有关完整列表,请参阅文档。让它通过添加标题(“A
新引入的AMP同意组件有一些非常好的特性,我将对这些特性进行调整,以符合新的cookie策略
https://github.com/ampproject/amphtml/issues/13716
我的问题是:如何实现端点以及如何触发端点(xhr)?我还没有找到一个真正有效的解决方案 关于如何在上使用amp许可,您可以找到两个示例流。谢谢Sebastian。剩下的唯一问题是,在上面的示例中,我应该如何实现端点:“checkapprovereff”:“/samples\u templates/app
如何替换输入[type=password]标记以转换为html到amp页面
用户Id
密码输入类型=AMP中不允许使用密码。
查找参考您可以尝试使用普通文本输入来伪造功能。但它永远不会是真正的密码输入。我希望他们将来会放宽amp规则
来自@Shrek
<input type="text" class="pw" autocomplete="off">
input.pw {
-webkit-text-security: disc;
}
但是,这将在作为webkit子体的浏览器中
带有GTM集成的setup:AMP HTML页面。AMP HTML页面通过AMP iframe加载我自己的表单向导
现在我想通过Google Analytics跟踪提交的内容(来自iframe)
有办法吗
编辑:在父页面上,GTM通过新的AMP支持/AMP容器与AMP集成
问题是:我如何在amp iframe中跟踪提交的内容。我可以在iframe内容/子级上使用GTM,但GA跟踪2次:当AMP页面加载AMP GTM时,然后当iframe加载“正常”GTM时
谢谢,
Daniel标记管理器(带)现
我正在尝试使用amp实验实现a/b测试
.html文件:
<amp-experiment>
<script type="application/json">
{
"a-experiment": {
"variants": {
"control": 50,
"1": 50
}
}
}
</script>
&l
我想在预览环境中使用amp广告。预览环境的限制是我们不允许通过请求提供广告
创意广告技术开发人员的一个常见用例是使用iframe及其srcdoc属性呈现广告并对其进行调试
因此,我试图通过srcdoc获得amp广告渲染,但没有任何运气。是否可以在不向外部或内部源发出请求的情况下使用srcdoc属性或将html插入amp ad框架中
AMP允许第三方内容在AMP广告中呈现的方式是通过AMP-3p-custom-ad元标记。您是说使用AMP进行广告还是使用AMP-ad标记?@SebastianBen
我试图从服务器填充一个值“carouselpos”,然后根据该值调用goToSlide
我设置了一个放大器状态,如下所示:
amp state id=“myRemoteState”src=“…此处的服务器URL…”
并验证该状态是否正在填充:
AMP.printState()
log.js:163 40022“[amp bind]”{“myRemoteState”:{“items”:[{“carouselpos”:“37”}]}”
我现在想在对goToSlide的调用中使用carouselpos
目前,我正试图在现有的产品页面上实现AMP,但我在显示一些数据时遇到了一些困难
我试图显示的字段来自json,包含原始HTML(如下所示):
description:{'章节标题章节描述'}
在AMP文档中,我找不到任何关于将上述字符串显示/转换为默认HTML标记的信息
你能告诉我有没有办法用AMP实现这一点吗?你可以用三个大括号而不是两个大括号来呈现原始HTML,例如{{{{htmlProperty}}}比如{{{{{description}}
标记不受支持
正常工作!非常感谢@Bachch
我最近为一家当地企业发布了一个网页。我设计的网页是移动第一和非常快。它在PageSpeed Insights上得了100分。它只需要一个20Kb的请求就可以进行交互,需要1.1秒
在通过4G连接到互联网的我自己的手机上评测页面,需要0.7秒才能实现交互
除图像外,该页面已内联所有工件(css、html、javascript和svg图标)。图像在滚动时加载。它有682个单词和8个svg图标
Google gtag脚本在页面加载后延迟8秒
在发表了这一页之后,我偶然发现了这件事。我想知道我是否应该把
在我的站点上使用Pagespeed时,桌面站点同时用于Pagespeed desktop和Pagespeed mobile。即使我已启用amp,并且所有移动设备都会自动定向到amp站点。有没有办法将页面速度配置为使用pagespeed mobile的amp站点和pagespeed desktop的桌面站点?您希望在使用pagespeed测试amp时看到什么?在任何情况下,AMP都不会变慢——AMP页面上所有与性能相关的内容都由谷歌控制,所以它不会变慢。你在这个测试中得到的任何结果都不会让你有任何
使用?构建的幻灯片,我认为您可以使用srcset属性来实现这一点,如图所示。我希望这会有所帮助。我认为您可以使用所示的srcset属性来实现这一点。我希望这能有所帮助。Ko代表什么?我是指千字节或千字节。哦,这更有意义。。。我把它读作击倒…“Ko”代表什么?我的意思是千字节或千字节。哦,这更有意义。。。我把它读作击倒…我试过srcset,但它不起作用:一个小图像放大后会变得模糊,仅此而已。是的!srcset的工作原理是这样的:我试过srcset,但它不起作用:一个小图像放大后会变得模糊,仅此而已
“服务器”选项正在设计讨论中,准备好后将更新这些文档
问:是否有已知的时间?它已经可以使用了吗
我们希望将AMP用于付费内容。
type=“client”不是一个选项(不够安全)=>type=“server”解决了这个问题
我知道我们已经可以在我们这边实施了:
-当ip来自google范围时:提供完整文档
-当ip不是时:排除/包括适当的部件
但是如果我理解正确的话,我们现在还不应该开始生产这个?我们应该等到它准备好并且Google AMP Cache支持它,对吗?我认为它可以使用,因为可用性状
我正在尝试用适合AMP的版本替换嵌入式推文卡
试图取代这个
一个itibari文件;Onur Celik(@onurcelik66)
用这个
我不能在AMP页面上使用JavaScript,所以我必须使用PHP。这里有人可以帮忙吗?你可以用这个。它是一个PHP库,可以将HTML转换为TML
我需要一个简单的网站。我更愿意使用便宜或免费的服务来构建和托管它,但现在是2017年,我希望看到它被使用。是否有为他们为您构建的站点生成AMP的服务
简单的谷歌搜索并没有让我在这方面走得更远,所以这里欢迎AMP社区的快速提示。如果您可以访问安装了node.js的Web服务器,并且有权限管理服务器,请尝试
它基于node.js,主要关注博客,所以你没有像wordpress那样的任何静态页面,但我个人更喜欢它,如果你只是想发布博客文章,其中包含所有与此相关的功能
不要对价格标签感到奇怪,这只是如果你
我只需要使用amp动画显示/隐藏菜单。我创建了两个不同的amp动画showMenu和hideMenu。我的第一次尝试就是这样做
<div on="tap:AMP.setState({ menu: { open: !menu.open }}),menu.open ? hideMenu : showMenu">
这不起作用,因为显然您不能将条件逻辑放在顶层,但可以放在setState函数中。有什么我能做的吗?你能给我们更多关于你想用两个amp动画完成什么的信息吗?当然,我想实现简单
假设我有3个Web故事要嵌入到一个网页中,并且我希望在一个查看器中有多个Web故事。
我会用
<amp-story-player style="width: 360px; height: 600px;">
<a href="https://www.example.com/story1.html" style="--story-player-poster: url('https://www.example.com/assets/cover1.html');">
我想先从服务器获取故事,然后创建标记并在其中插入标记。
如果我等到故事从服务器中取出,然后插入到,amp故事播放器加载程序将永远旋转。
有人能解释一下在这种情况下如何使用amp story player吗?您好,欢迎来到StackOverflow。请花些时间阅读帮助页面,特别是命名和的部分。此外,请阅读。还可以学习如何发布.Amp故事,因为这些故事太多了。绝对不稳定。您好,欢迎来到StackOverflow。请花些时间阅读帮助页面,特别是命名和的部分。此外,请阅读。还可以学习如何发布.Amp故事
我需要在放大器灯箱、放大器手风琴或其他放大器标签上插入外部应用程序。应用程序被插入到外部html中,因为该代码与amp html代码不兼容。
这个问题的解决方案是什么?iframe在其他amp-中无法正常工作,当我在amp-中插入iframe时,如果我在其外部插入代码,页面将显示加载项目符号,但不显示加载内容
此应用程序在用户单击特定区域或按钮时启动,因为第一次必须为用户隐藏iframe
谢谢
例如:
<!doctype html>
<html ⚡>
<head&g
在很多AMP页面上,我看到访问者通过明显不同版本的AMP html进行访问-https://amp-html-url/?amp_lite
我很好奇,这个参数的意义是什么。普通amp html和?amp_liteamp html版本之间有什么区别?您可以参考以下内容。声明称,这是一个项目的代号,旨在使AMP更好地用于低速网络,但许多读者将其解释为AMP的一个单独版本
此格式的文章结果的加载速度比标准AMP快。因为它减少了AMP-Lite中页面的大小,并且压缩了图像及其数据。您可以参考此。声明称,这
我开始深入研究AMP-HTML的功能。
我看到浏览器支持应该相当大:
“一般来说,我们支持两个主要浏览器的最新版本,如
Chrome、Firefox、Edge、Safari和Opera。我们支持桌面、手机、,
tablet和这些浏览器的web视图版本
除此之外,核心放大器库和内置元件的目标应该是
非常广泛的浏览器支持,我们接受所有具有
市场份额超过1%
特别是,我们试图保持“它可能不是完美的,但不是完美的”
断开”-支持Android 4.0系统浏览器和Chrome 28+
电话。”*
但我想知
这是一个普遍的问题,当你使用AMP堆栈时,尤其是在电子商务行业,你会想到AMP产品页面的概念。然而,从所有在线示例来看,主要产品数据似乎是静态的,并且预先嵌入到了数据中。这是否意味着AMP页面是预先生成的?如果是这样,这是否只是通过为每个产品创建AMP HTML页面的脚本实现的
示例产品页面如下:不需要。AMP有足够的工具来创建动态和交互式页面。例如,您可以将amp列表与amp状态和amp选择器相结合,以获得交互式产品
或
阅读并不要害怕实验。你能添加一些细节吗:使用的代码,遇到的错误问题,向社
我已经在AMP(加速移动页面)网站。我想在android中显示一些内容,但不想在iOS中显示。
是否有任何方法可以使用AMP检测android和iOS?您可以使用AMP access为此,您必须在授权中识别用户代理,并设置一个标志。就是这样一个例子。在示例中,设备检测检查设备是否为android,否则返回Iphone
我想添加多达4篇Wordpress博客文章的文章摘录和特色图片。我不想使用AMP插件,因为它们有一些限制,没有一个插件完全正确。我也不想使用iFrame解决方案,因为它来自同一个域上的博客
我试着研究和查看AMP模板,但我没有找到任何特定于Wordpress的模板,它们不仅仅是动态创建页面。i、 我找不到示例代码
不幸的是,我没有代码显示
是否有人拥有拉这些帖子所需的代码或建议的资源来决定如何做
谢谢
我正在与出版商合作,在他们的AMP页面上运行SmartLink。这些智能链接实质上是对特色产品进行现场拍卖,并返回一个产品页面链接,该链接将引导用户找到“赢得”拍卖的商家(该算法包括检查商家是否有库存物品等)。AMP项目目前有AMP smartlinks,其中包含我们正在寻找的确切功能。但是,它当前通过linkSelector属性拾取链接的方式,将不适用于在其DOM中使用shadowRoot的当前发布者。是否可以通过AMP脚本标记运行自定义JS?已阅读我担心这是不可能的,因为它提到AMP不允许发
我试图在amp表单组件上实现自定义字段验证,但我所有的努力都是徒劳的
尽管XHR请求返回有效的JSON,但它不会使字段无效,并且不会显示错误消息
我尝试了官方文档中的代码:没有运气
转到Git代码示例:仍然没有
有人能告诉我我做错了什么吗
以下是完整的代码:
以下是我的脚本附件:
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-
我有一些使用的内容-每个的大小不尽相同。旋转木马的大小正确,最大的图像,我想垂直中心较小的图像。有人想出了正确的CSS咒语来在AMP框架中实现这一点吗?您可以试试这个。您需要将图像标签包装在2个分区内。对于。外部图像包装,将其设置为显示:表格,高度:100%,宽度:100%。然后对于.internal image wrap,将其设置为显示:表格单元格;和垂直对齐:中间
我已经将网站的一些站点转换为有效的amp html。根据特定页面是否支持amp,我有条件地呈现所需的amftml链接,或者不呈现
我的问题是,当我查看Google搜索控制台时,我可以看到许多未转换的站点,因此在其标题中没有amftml链接,正在扫描amp html错误,当然,这些站点也有错误,因为它们无效。此外,Chrome浏览器的amp插件无法识别这些页面的amp版本
有没有一种方法可以防止不支持amp的页面被验证,或者如果它们被验证,它不会造成任何损害?我想知道,因为我有大约18个有效的网站
我希望页面上的所有amp img实例都使用layout=“responsible”。有没有一种方法可以做到这一点,而不必对每一个都进行设置
以下操作不起作用:
amp-img{
layout: responsive;
}
必须在每个图像的标记内部指定它。不确定您的应用程序是什么,但是如果您在一个页面上输出一组图像,您可以使用和mustache标记来定义图像url和维度,如果通过JSON文件每个图像的url和维度不同的话。然后,您只需做一次amp img标记,并让amp list负责循环
我是AMP的新手。我有一个响应网站,我需要在其主页上实现AMP。是否可以在不影响桌面视图的情况下使其AMP兼容?或者我需要为AMP?重新编写单独的代码。您可以使用@media区分移动和桌面视图
发件人:
在响应式设计中,您可以使用CSS@media查询为各种屏幕尺寸定制网页样式,而无需更改网页内容。在AMP中,您可以继续使用相同的CSS@media查询。此外,为了更好地控制AMP元素,可以在元素上指定media属性。当您需要基于媒体查询显示或隐藏元素时,这尤其有用。有关使用media属性的示例,
标签: Amp Html
cookieconsentgdprconsentformccpa
我想在我的静态AMP网站上实现cookie许可。到目前为止,amp story同意书似乎不适合这种情况(cookie同意书没有页面或书尾,如果您知道解决方案,请插手)。我正试图按照下面的示例实现我自己的模态对话框
{
“同意书”:{
“我的同意”:{
“检查同意”:https://amp.dev/documentation/examples/api/get-consent",
“提示用户界面”:“cookie同意用户界面”
}
}
}
饼干同意书
Lorem ipsum dolor sit
我想减少amp网络中的LCP。我意识到这个问题来自style amp样板标签:
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal b
我使用WordPress的AMP插件将我的站点转换为AMP。几周后,我卸载了它
现在,当人们在谷歌上搜索我的网站时,他们看到一个AMP链接,点击它,得到一个500错误
如果他们使用“单击此处继续”,他们会被重定向到404页面!为什么?因为example.com/post/amp不存在
有没有办法告诉谷歌或其他搜索引擎不要推荐我的旧AMP页面?您可以尝试按照“删除AMP内容”部分的说明进行操作。要从谷歌AMP缓存中删除您的网站,您可能需要尝试。如前所述
对于紧急删除,最好是提供错误服务,而不是提供
可以使用AMP验证的html上传文件吗?似乎输入type=“file”在amp表单html中被禁用。否。我们现在无法上载带有amp验证的文件。AMP HTML是对可靠性能有一些限制的HTML。在未来,AMP将提供一些上传文件的选项。但是目前还没有一个使用AMP验证HTML的文件上传页面的解决方案
放大器输入和字段:
允许:
其他与表单相关的元素,包括:,,,,,,等等
[amp selector][1]
不允许:
,,和
输入中与表单相关的大多数属性包括:表单、动作、表单目标、表单方法等
为了在我的API上执行一些请求,我需要在GET和POST请求上发送一个
你知道有没有可能用放大器来做吗
我试过的
我跟着
我已经阅读了文件和文档
我已经尝试使用所有的请求来执行一些请求
但是我找不到发送授权标头的方法我们无法在AMP HTML中向请求添加标头。
此问题有两种解决方案:
1-在服务器端获取数据:
我们可以在服务器端使用自己的头来调用API,并且没有任何限制。然后服务器返回AMP html和自己的获取数据
2-更改API(或将API包装到新接口)以使用cookie处理授权:
我们
目前,我们的项目只支持谷歌的AMP缓存服务,但我们想支持所有“真实”的AMP缓存服务器。查看来自的服务列表,我们知道cloudflare和bing已经可以使用了。caches.json文件中的大部分值都是不言自明的,如:
cacheDomain:amp html将从缓存服务器发送到服务器的位置
UpdateCatheapidoMainSuffix:当我们的amp html更新了内容时,我们应该调用它
我们混淆的唯一属性是thirdPartyFrameDomainSuffix
有人能解释一下它是什
我正在创建我的网站的AMP版本。
我的要求是在表单字段上使用可用的AMP-DATE-PICKER,并将用户选择的日期值传递到另一个页面。
在下面的代码中,calndar弹出窗口显示良好,字段上的日期值也正确填充,但单击GO(submit)按钮没有任何作用
1) 在弹出式日历上选择日期后,日历应消失。它没有发生,日历仍然可见
2) 点击“Go”(提交)按钮后,页面没有做任何事情
已尝试以下代码:
以下为标题部分:
<script async src="https://cdn.ampproje
当我点击AMP故事页面内的链接标签时,首先会打开一个提示,当点击提示时,页面会重定向。在没有提示的情况下单击AMP页面内的链接时,是否有方法立即重定向?
我尝试使用on=tap事件捕获单击,然后使用
AMP.navigateToURL=STRING,target=STRING,opener=BOOLEAN
试图导航到URL,但在控制台中引发了一些意外错误
中的操作定义无效订阅 : [点击:AMP.navigateTo,_blank,true];预期[=]
显然,当我更改:to=时,它会
假设我有一个苹果播客按钮和一个谷歌播客按钮,我想展示:
苹果向iPhone用户播客
谷歌向安卓用户播客
两者都适用于桌面用户
我目前正在使用AMP实现这一点,方法是使用并调用动态生成的JSON文件。这很好;但是我想知道是否有一种本地方式可以删除这三个文件的要求——、和动态JSON文件——要加载。您可以在amp脚本中检测UA字符串,然后相应地更新按钮:
<amp-script layout="fixed-height" height="50"
script="user-agent-s
我试图使用amp state从API中获取值,但问题是您需要执行一个操作来获取数据
<amp-state id="currentTime"
src="/documentation/examples/api/time"></amp-state>
<button on="tap:currentTime.refresh">
Refresh
</button>
<div [text]="currentTime.time"></di
我有一个AMP版本的网站,它是从网页版本的HTML(动态生成)自动转换而来的
但是我不希望试图通过包含一个只打印的CSS来使AMP版本的打印友好
在使用浏览器的打印功能时,是否有一种方法可以显示第X页(例如AMP版本),但使用第Y页(非AMP版本)进行打印?
e、 但是在AMP-HTML中
另一个想法是,在使用媒体查询打印时,我必须尝试隐藏AMP页面的内容,并显示一条消息,例如,“转到web版本打印文档”
我正在为AMP页面的设计构建一些工具。根据,应该在页面的URL中添加#development=1,以触发验证
我编写的工具生成一个AMP HTML文档,并使用iframesrcdoc属性动态渲染它。因此,没有URL。是否有其他方法触发验证和开发模式?根据上的注释,可以通过编程方式使用验证程序。演示:
我相信这个验证器是官方的
Some code because stackoverflow wants there to be code.
我读过一些文章和评论,上面说“谷歌将只为移动设备提供AMP页面”和“我的AMP站点不会出现在桌面搜索中”
所以我的问题是。。。如果一个站点100%使用AMP构建,没有非AMP版本,该站点还会出现在桌面Google搜索结果中吗?AMP项目主页完全使用AMP构建。因此,是的,它会出现在桌面搜索结果中,区别在于它不会通过谷歌的缓存提供,也不会有AMP标志来区别于其他结果。是的,它会出现在谷歌桌面SERPs中,我举了一个例子。从您的笔记本电脑、PC或任何其他台式电脑转到谷歌,谷歌“如何更改作者框grav
为我的网站使用AMP缓存的过程是什么?如何使我的网站能够从amp缓存获得服务?
何时使用规范url?如果我想为台式机提供原始页面,为移动设备提供amp页面,我该如何实现这一点?我假设您的桌面版(规范版)页面可以在谷歌搜索结果中找到,如果没有,您需要提交网站地图或通知谷歌您的规范版页面
然后,在规范页面中,您需要在HTML head元素中提供一个指向AMPHTML版本的链接,例如:
<head>
<link rel="amphtml" href="...." />
在AMP中,我试图获取当前打开页面的url。这样我就可以访问查询参数了。像
example.com/ampPage.html?videoid=1234
我想从AMP页面中的此url获取视频ID。AMP提供对查询参数的访问。但是,这与amp-iframe组合使用不起作用。作为一种解决方法,可以使用amp列表,然后在amp列表中渲染iframe
更好的方法是在服务器端呈现页面。您好,您能为您的问题添加更多细节吗,例如,您尝试过的代码块?@WaqasAfzal您使用哪种语言?我想做的是用当前打开的ur
示例用例:如何跨AMP和非AMP页面维护登录状态
用户进入规范站点(比如xyz.com)并登录
过了一会儿,同一个用户在手机上访问Google.com,在搜索某个内容后,收到一个xyz-AMP页面的AMP搜索结果
单击搜索结果后,AMP页面将通过AMP查看器打开(即,它是从AMP缓存提供的,而不是站点的来源)
问题1:
基于上述用例,用户是否已经登录AMP体验(因为用户首先通过规范页面登录)
问题2:
在哪些浏览器上支持AMP缓存到移动站点登录?(例如,iOS可能与第三方cookie有问题)1。
我正在尝试在我的AMP页面mrabhisheksuman.com上添加自动内容表(就像AMP.dev的每篇文章中使用的一样)。
在这方面谁能帮忙。我将非常感谢他
我们在AMP页面上使用了图像转盘,总体来说效果很好
(自定义元素=“amp carousel”)
但是,我们希望在图片下方添加点,这样当用户在图像库中滚动时,他们可以通过图像下方的小点看到剩下多少图像,以及它们在哪个图像上
似乎有人支持此功能,但是当我们尝试打开它时,点不会显示在图像下面。非常感谢您的帮助:)您如何打开它?这里似乎没有支持文档:也许您可以使用标题添加它。如果这是您想要采取的路线,请告诉我您使用的模板语言,我可以进一步解释。请共享您尝试使用的代码。您如何打开它?这里似乎没有支持文档
是否可以使用放大器位置观测器设置放大器状态
我尝试了以下代码但未成功:
<!doctype html>
<html ⚡>
<head>
<script async="" src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-
我的AMP HTML页面上有几个元素的不透明动画。我已将这些元素的样式设置为具有opacity:0,以便可以淡入
如果用户禁用了javascript并且元素不能淡入,我希望它们具有opacity:1
我已经尝试在我的中使用此HTML来实现它:
<style amp-custom>
.bubble-animated {
opacity: 0;
}
</style>
<noscript>
<style amp-custom&
从amp电子邮件提交表单时如何发送amp状态?
分析了ImmutableMultiDict的内容,但现在的问题是,我无法对请求进行状态处理。据我所知,您的问题是,在打开电子邮件后amp bind不会立即启动。因此,没有数据写入输入:[value]=“details”。我看到了两种可能的解决方案:1)在表单出现在电子邮件中之前,用户单击某个地方(然后我们将更新amp bind)。例如,表单在默认情况下是隐藏的,要打开它,用户必须单击按钮。2)。尝试在amp列表中包装表单。然后将立即启动amp绑定。
上一页 1 2 3 4 5 6 ...
下一页 最后一页 共 18 页