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

amp-html - 404:这是 Google AMP 缓存中的错误

我不明白为什么我得到 404: That's an error even Powered by AMP ⚡ HTML – Version 1456440290687

以上是我编码的一部分。在此处输入图像描述

0 投票
1 回答
411 浏览

wordpress - Wordpress - AMP 验证器失败 - NextGen Gallery

我正在为我的新闻网站使用 Google AMP。

但是我有很多验证错误。
我在互联网上发现,它可能是一个可能导致此错误的插件,所以我检查了我所有的插件,最后我发现它是 NextGen 画廊破坏了我的验证。

我联系了支持,但没有回应。

错误:

我可以有一些替代方案或建议来解决这个问题吗?

0 投票
0 回答
40 浏览

ruby - 用于 Ruby 应用程序和 sass 的 Grunt 或 Gulp 管道

我正在处理一个现有的 ruby​​ 项目,它目前没有任何类型的 asses 管道(所有样式都只是硬编码)。

我希望使用像 grunt of gulp 这样的东西。我需要做的是能够从单独的 .scss 文件编译 sass,然后将它们添加到<style>主 mustache 模板中的标记中。

你知道无论如何要这样做吗?样式已在页面上的<style>标记中作为 Google AMP 页面的标记。

0 投票
2 回答
214 浏览

javascript - API 基础系统的 AMP 页面

我们正在尝试将我们的页面移动到Google AMP更好的移动和 SEO 体验。问题是我们的系统完全是 API 基础。到目前为止,我们正在使用 nodejs 和 react。

由于在 AMP 中您不能使用 javascript 进行 ajax API 调用,有没有办法通过 API 实现 AMP?在网上搜索但无法找到最佳解决方案

0 投票
1 回答
49 浏览

accelerated-mobile-page - 在哪里使用 cdnAmpURLs?

我有一个 amp 站点的开始,我希望利用 Google AMP Cache。我了解生成 cdnAmpURL 的说明,我可以看到我应该使用它们来预取字体和图像等内容,但我不明白在哪里使用它们以获得最大利益。

我是否:

  • 在我的规范页面上使用它们?
  • 建立一个特定的sitemap.xml 吗?
  • 在广告中使用它们?
  • 将它们提供给外部链接提供商?
  • 用它们替换我网站内部的相对路径 URL?

我只是不明白这一点,任何指针将不胜感激。

0 投票
1 回答
2745 浏览

html - 在 amp-img 中设置响应式布局样式

由于我已经实施了 Google AMP,我一直在努力解决这个问题。每次我添加一个width远小于我的网站的图像时width,都会amp-img自动添加边距以保持纵横比,如下所示:

在此处输入图像描述

我已经尝试过 [官方文档] 中提到的其他布局,(https://www.ampproject.org/docs/guides/responsive/control_layout#supported-values-for-the-layout-attribute)如flex-item

flex-item例如,我可以在桌面版本中获得所需的行为,即减少图像的总边距,如下所示:

在此处输入图像描述

但是在移动版中,当图像比屏幕宽时,图像会左右溢出。

当图像相对较小时,有没有办法可以调整responsive layout以便删除如此大的边距?

在代码中调查了一下,问题似乎是由 element 引起的i-amphtml-sizer,这是 google-amp 自动添加的一个元素,我无法控制它。

在此处输入图像描述

我不会发布我的博客文章的 url,以防它被认为是垃圾邮件,但如果由于某种原因你需要它,我会更新问题。

更新

似乎越来越多的人遇到了这个问题。

0 投票
1 回答
302 浏览

mobile-website - ...显示更多关于 Accelerated Mobile Pages (AMP)

我正在为我的网页创建一个放大器。它包含很多关于地方的描述。我想..show more在 4 行之后实现,以便用户也可以在移动第一折中看到其他内容(文本是动态的,因此也可以少于 4 行。在这种情况下,我如何确定不会显示更多内容)这可能吗用安培??由于我无法使用 javascript 和 css 解决方案,因此请帮助我找到相同的替代方案。我已经对此进行了很多搜索,但到目前为止还没有运气。提前致谢

0 投票
3 回答
1771 浏览

reactjs - 带括号的自定义 React 属性

这个答案中,它解释了如何使用未记录的is功能将自定义属性添加到 React 元素。但是,我想添加一个与amp-bind一起使用的属性,该属性用方括号括起来。当我尝试这个时,没有添加属性:

如何添加自定义属性?

0 投票
2 回答
2943 浏览

amp-html - 链接 rel="amphtml" 是强制性的吗?

我知道理想情况下应该添加

到非放大器页面和

到放大器页面

但是,不幸的是,我无权将链接 rel="amphtml" 添加到标准页面(非 amp 页面)。是否必须让 amp 页面被 google 索引和缓存,还是仅仅意味着原始页面的搜索“信用”不会应用于 amp 页面。

如果我在没有原始页面链接的情况下创建我的 amp 页面,会有什么影响?

0 投票
1 回答
1302 浏览

google-amp - amp-bind 错误:[变量] 的默认值与第一个表达式结果不匹配

amp-bind用来绑定类属性:

具有以下amp-state元素:

但是,页面加载后,我收到错误:

(这个错误div本身就嵌入了)

如您所见,我的默认值与第一个表达式匹配。我究竟做错了什么?