问题标签 [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.
javascript - 如何在移动版中加载 amp html
我有 2 个 html,例如 non-amp.html 和 amp.html。
包括我
在我的 amp.html 和
在我的 index.html 中。
当我将我的网站保持在移动视图中时,桌面 html(非放大器)正在加载。任何人都可以建议我帮助。谢谢。
amp-html - amp-ad srcdoc 或 srcdoc 等效项
我想在预览环境中使用 amp-ad。预览环境的限制是我们不允许通过请求提供广告。
创意广告技术开发人员的一个常见用例是使用 iframe 及其 srcdoc 属性来呈现广告并对其进行调试。
结果,我尝试通过 srcdoc 获得 amp-ad 渲染,但没有任何运气。是否可以使用 srcdoc 属性或将 html 插入 amp-ad 框架而不向外部或内部源发出请求。
AMP 允许在 amp-ads 中呈现第 3 方内容的方式是通过 amp-3p-custom-ad 元标记。
html - 为什么使用 AMP 时图像没有响应?
我在 index.html 中包含以下脚本:
之后,在我的身体里,我有这个结构的图像标签:
但图像根本没有响应。为什么 ?
amp-html - AMP 注入不需要的样式 `style="top: calc(0px);` 使用时
我正在尝试在标头/导航下方显示一个社交分享栏。现在,由于我无法控制的内联样式,它被掩盖了。
这是我的包装 div 在产品上的样子。
<div id="sharebar_801" class="sharebar-inline-desktop sharebar-wrapper sharebar-inline-mobile" i-amphtml-fixedid="F1" style="top: calc(0px);">
奇怪的是在沙盒和本地,它没有style="top: calc(0px);"
我不能用它覆盖它,!important
因为这会破坏验证,为什么会有那种风格,我能做些什么来删除它?
amp-html - 在此页面上找到了扩展名“amp-bind”,但未使用。请删除此扩展程序。”
我有一个非常简单的 AMP 页面,它使用amp-bind
. 但是,验证器始终显示此消息:
在此页面上找到了扩展名“amp-bind”,但未使用。请删除此扩展程序。”
我的页面确实使用amp-bind
. 该页面的代码在这里:
谁能解释为什么显示此消息,我该怎么做才能删除它?
amp-html - 拒绝获取不安全的标头“AMP-Access-Control-Allow-Source-Origin”
我amp-iframe
在 iframe 中使用 Google 地图的页面。该页面工作正常,并在我尝试过的所有浏览器上验证,MacOS 上的 Safari 除外。
我在控制台中收到此错误:
我尝试将这些标头添加到我的服务器:
但是,我仍然看到同样的错误。它只发生在 Safari 中。似乎与 CORS 有关。任何人都可以帮忙吗?
reactjs - 如何让我的 AMP 变得多余?
*我使用 AMP 样板制作了一个静态 HTML 页面,其中包含一个水果产品的详细信息,比如苹果,所以我的 URL 看起来像
www.xyz.com/apple
该页面包含一个简单的<amp-carousel>
和一些与src
苹果相关的数据。(路径中的产品)其中包含标题“Apple”、内部<amp-img>
的3 个图像<amp-carousel>
和一个<amp-list>
取决于src
URL 路径/路径的图像。
假设我有其他产品,我想通过将路由路径更改为 、 等来显示其www.xyz.com/orange
详细www.xyz.com/pears
信息www.xyz.com/grapes
。
假设我想根据 URL 保持动态,比如 for www.xyz.com/orange
,我的静态页面现在将包含类似的信息,但与 URL 路径相关 - 即。orange
// pears
_grapes
由于不同的产品包含不同的标题、不同数量的图像amp-list
或amp-carousel
任何简单列表,我如何使用 ReactJS/ES6 语法使我的内容动态以更新 URL 中的路径。
此外,在服务器上生成 HTML 之前,请提供有关 AMP 页面的数据流/生命周期方法的任何信息(我假设我缺少这些信息)。
amp-html - 如何为制作共享相同设计的静态放大器页面提供数据?
据我了解,使用 amplist、ampcarousel、ampimg 需要一个始终硬编码的 src(取决于产品的详细信息页面 URL)
例如。- https://www.example.com/amp/details/Samsung-smartphone-s5 - https://www.example.com/amp/details/one-plus-3t - https://www.example.com /amp/details/iphone-6s等
由于它们都是详细信息页面,但具有不同的内容,例如 - 标题、价格、图像、list_items 等。那么在制作最终 HTML 之前如何提供这些静态数据?
注意:在详情页,路线路径改变,但设计保持不变。
那么我应该把这些数据带到哪里来制作数千个类似的页面,并且为所有这些页面手动编写 AMP-HTML 听起来是多余的?