问题标签 [accelerated-mobile-page]

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 投票
4 回答
4610 浏览

django - django中的加速移动页面?

是否有任何 Django 开发人员致力于构建 AMP-HTML 页面?

(供参考:Google AMP-project

如果我理解正确,AMP-HTML 的工作方式是为每个页面创建 2 个单独的文件。正常的 HTML 结果,加上一个新的 AMP-HTML 文件。AMP-HTML 文件是普通 HTML 页面的精简版,Google 使用它来返回加速移动页面(因此得名“加速移动页面”)。然后,这些文件中的每一个都在头部的标签中相互引用,这告诉 Google 将 AMP 文件用于移动搜索结果。

在 Django 框架中,我想知道如何根据同一组内容创建 2 个单独的文件。

怎么可能利用可以传递给两个 HTML 结果的单个上下文?一个结果是普通的 HTML 页面,另一个是 AMP-HTML 页面。

在 Django 中,必须为要返回的每个页面创建一个 URL。如何为每个现有 URL 自动生成第二个 URL?此外,如何为每个 URL 调用一个上下文?

也许可以在视图中完成?例如,返回一个 .html 扩展名,即 AMP 页面,然后还渲染 URL 的模板?

我还没有关于如何解决这个问题的任何答案。寻找反馈和建议。看来这是在 Django 和 AMP-HTML 上发布到 stackoverflow 的第一个问题。这很可能不会是最后一次。

0 投票
7 回答
25067 浏览

html - 使用带有 Bootstrap 的加速移动页面

我有一个使用 Bootstrap 的网站。从技术上讲,我目前正在使用 Bootstrap 4。我想在我的页面的面向公众的部分中利用 Accelerated Mobile Pages (AMP)。但是,我有几个似乎无法摆脱的错误。这让我想知道,我什至可以将 Bootstrap 与 Accelerated Mobile Page 一起使用吗?

我什至可以在 Accelerated Mobile Pages 中使用 JavaScript 吗?Bootstrap 为手机上的汉堡菜单提供 JavaScript。然而,当我运行验证器时,我看到如下错误:

所以,回到我的问题。是否有可能拥有使用 Accelerated Mobile Pages 的 Bootstrap 4 网站?

谢谢!

0 投票
2 回答
197 浏览

amp-html - AMP(加速移动页面)HTML

我正在我身边实施 AMP,但我门控错误:

除特定形式外,不允许使用标签“脚本”。请告诉我删除此错误。

0 投票
2 回答
1359 浏览

amp-html - 可以/应该将 AMP(加速移动页面)用于整个商业网站吗?

我是 AMP 新手,想知道它是为谁准备的。例如。

我可以或应该将我的主页创建为 AMP 页面。

我听说这仅适用于新闻出版商,但首字母缩略词没有说明这一点,只是 Accelerated Mobile Pages,对我来说很笼统。

欢迎任何帮助。

0 投票
1 回答
131 浏览

wordpress - 已安装并激活 Amp 插件 - 但没有什么不同,也没有检测到 amp 页面

我刚刚安装并激活了 Amp 插件(wordpress.org/plugins/amp)。在安装过程中我没有遇到任何问题。

我清除了缓存并在移动设备上检查了我的网站,看看它现在是如何显示的,没有任何区别。

激活插件后我还需要做什么吗?

0 投票
0 回答
122 浏览

php - 在 Accelerated Mobile Pages Project 中,表单操作内部不接受“http url 或自定义 url”

当我们转到 Accelerated Mobile Pages Project 但在表单操作中不接受“http url 或自定义 url”时,如下所示:

0 投票
1 回答
81 浏览

css - WordPress:在 AMP 中保存编辑器内联样式

我想在我的 AMP 视图中使用来自 WordPress 编辑器的内联样式。目前,AMP 会删除所有内联样式。

有没有办法保护单个类并在 AMP 中使用它,还是违反 AMP 的概念?

0 投票
0 回答
871 浏览

wordpress - 错误:标签“amp-img”中的属性“width”设置为无效值“2299”

我正在尝试让我的网站 AMP 的 WordPress 博客部分兼容。我正在使用“AMP by Automattic”插件来提供帮助。

Google Search Console 显示“在 AMP 标记中发现无效的布局属性”。确切的错误消息是:>标签“amp-img”中的属性“width”设置为无效值“”2299”'<。

该错误与feat-img有关。

当我复制并粘贴 GSC 错误代码并查看示例网页的源代码时,我注意到 2299 周围的引号是“卷曲”标记,并且它们都是右侧标记。(不幸的是,这里的stackoverflow文本中似乎没有出现卷曲标记)。

“卷曲”标记(可能是由 WordPress 插件添加的)是否会导致错误?

我最初认为 AMP 可能有一个最大的图像大小(似乎有一个最小值),但谷歌搜索并没有证实这一点。

有关如何解决问题的建议?

0 投票
1 回答
1204 浏览

javascript - Angular2如何在组件变得可见时对其进行初始化

我要创建的网页必须有很多块(angular2 组件)。所以我只想初始化它们中的几个(从一开始就可见),其他的将在以后初始化(例如当用户滚动时,所以我将保存加载数据的网络调用,页面的渲染会很多快点)。

它有点像AMP(我知道 AMP 和 Angular2 完全不同)。例如,在页面https://www.bucketlist127.com/blog/ideas-for-bucket-list上,当用户滚动页面时正在加载图像,这使得页面变得更小(对于移动设备非常重要)。

我试图在组件变得可见时捕获一个事件,但似乎没有 angular2 本机事件(ngOnInit、ngOnDestroy、ngDoCheck、ngOnChanges、ngAfterContentInit、ngAfterContentChecked、ngAfterViewInit、ngAfterViewChecked

问题是:这有什么好的做法吗?

0 投票
2 回答
214 浏览

javascript - API 基础系统的 AMP 页面

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

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