自定义javascript在Wordpress AMP中不起作用

时间:2018-10-24 10:03:41

标签: wordpress amp-html

我正在WordPress中将大多数插件用于AMP,但不允许在AMP中使用自定义JavaScript。

有什么办法吗?

如果有人遇到此类问题,请帮助我。

谢谢

2 个答案:

答案 0 :(得分:0)

AMP规范不允许作者编写JavaScript。您需要改为使用amp-iframe执行JavaScript。

"How AMP Works" page

  

AMP页面不能包含任何作者编写的JavaScript。代替   使用JavaScript,交互式页面功能在自定义AMP中处理   元素。自定义AMP元素可能包含JavaScript,   但它们经过精心设计,以确保它们不会导致   性能下降。

答案 1 :(得分:0)

如果您正在使用Wordpress并遇到此问题,

Google搜索控制台在我的一些Wordpress博客页面上引发了错误。 Google无法为我的Blog索引我的AMP页面。错误是某些自定义JavaScript和CSS已注入AMP页面。经过调查,我发现W3 Total缓存正在将缩小的JS(JavaScript)和CSS(级联样式表)链接注入页面。

搜索控制台中显示错误:

不允许使用自定义JavaScript

除列入白名单的字体提供程序外,不支持外部样式表。

为什么会出现此错误?

好吧,AMP页面应该是轻量级的,以便在速度较慢的移动设备上加载速度非常快。因此,您的AMP页面中应该没有javaScript或CSS。每当Google漫游器发现它时,它都会引发错误。

如何解决?

对于W3 Total Cache,您需要激活AMP扩展。这将从AMP页面中删除所有自定义JS和CSS。转到您的站点“管理控制台”-“性能”-“扩展”并激活AMP。该扩展内置W3 Total Cache。您只需要激活它即可。

这里有一个逐步的教程:https://josephkhan.me/custom-javascript-is-not-allowed-amp/

以下是Youtube视频,其中显示了解决此问题的步骤:https://youtu.be/Luy1P1g7BEc