标签: amp-html

什么是AMP HTML以及它如何适应框架/工具X?

好的,所以我们大概都听说过Google的AMP HTML.

我很好奇的是它如何适应我们现有的工作流程.如果您正在编写React或Angular应用程序,AMP HTML如何适应开发过程?这些框架中的每一个都已经有了定义组件的方法,看起来AMP只是添加到堆栈中.

我们大多数人已经在使用浏览器或webpack等其他工具.我不太清楚AMP是如何与其他人匹配的.其中一些工具已经允许我们以优化的方式为我们的网站提供服务.AMP HTML将改变这一切多少?

html javascript angularjs reactjs amp-html

56
推荐指数
2
解决办法
8309
查看次数

AMP浏览器支持?

看看AMP规范,鉴于CSS变量依赖于自定义样式元素,这意味着当前的浏览器支持很窄.请参阅:我可以使用参考

我猜测非自定义样式有一个"优雅的后备",因为不了解CSS变量的浏览器将忽略该CSS.

是否有AMP的浏览器兼容性/支持矩阵?

amp-html

23
推荐指数
1
解决办法
8463
查看次数

带有React的Google AMP

我们有一个与节点同构的反应App.我想将一些页面转换为AMP页面.我很迷惑!我们应该选择单独的AMP版本的应用程序,还是应该根据Google的AMP页面指南修改当前的应用程序?我可以看到我们必须在当前的应用程序中进行大量更改才能制作兼容放大器的版本.我该怎么办?

reactjs amp-html

22
推荐指数
4
解决办法
2万
查看次数

为什么Google的AMP项目(加速移动页面)禁止表单和输入标签?

根据 规范 ,AMP项目禁止HTML标签,如表单,输入,文本区域,选择和选项.

但是,Google的AMP搜索页面使用表单和输入标记.

禁止输入元素的原因是什么?

amp-html

16
推荐指数
2
解决办法
4628
查看次数

Google AMP编写JS脚本标记的最佳方式

我已经阅读了有关脚本标记的所有文档,但我找不到如何在AMP HTML页面中编写脚本标记,尽管我知道"脚本标记是禁止的,除非类型是<script>".它们有一些默认的AMP运行时组件和扩展组件,它们包含不同组件的特定形式.

我在AMP HTML中找不到自定义js的具体形式.这是我的脚本标记:

<script src="https://arifkarim.com/widget/layouts/global/js/legaltext.js"></script>
Run Code Online (Sandbox Code Playgroud)

javascript amp-html

16
推荐指数
2
解决办法
3万
查看次数

如何从Google搜索中停用AMP缓存?

Google搜索上的某些搜索结果会在他们的链接上附带AMP(加速移动页面)图标,至少在使用移动设备时,只要您点击链接而不是加载网站,谷歌就会向您展示其缓存版本.

我想在我的结果上禁用此行为,我至少看到两个很好的理由:

  1. 在共享链接时,如果使用较大的google URL代替较短的URL,那将是一个痛苦的问题.

  2. 安全性:当您访问任何站点并查看除要加载的站点之外的URL时,您应该不信任它,即使它看起来像谷歌(记住,您可能会被钓鱼,甚至陷入gsites托管的陷阱),谷歌应该尊重而不是鼓励用户信任它只是因为网址看起来像谷歌!如果与第一个原因结合并且您想与朋友分享URL,那就更糟了.

我必须永远删除谷歌AMP前缀,没有高级搜索选项或cookie,使谷歌提供干净的URL?

caching google-search amp-html

14
推荐指数
1
解决办法
2499
查看次数

如何在AMP HTML中创建响应式汉堡包菜单

我正在尝试创建一个AMP HTML网站(请参阅https://www.ampproject.org)但我无法找到您应该如何创建响应式汉堡包菜单?不允许使用Javascript,并且没有可用的AMP组件?

amp-html

13
推荐指数
3
解决办法
1万
查看次数

服务器如何知道何时提供放大器页面

据我所知,将有一个版本的网站,其中包含针对桌面设备和AMP页面设计的HTML.

我需要做些什么才能使网站向移动设备提供AMP内容吗?

redirect amp-html

12
推荐指数
1
解决办法
7755
查看次数

我们可以在角度应用程序中实现AMP吗?

我是AMP的新手,并被要求将放大器添加到已经开发的角度网站.我还读到AMP将所有第三方JavaScript排除在关键路径之外 但我不确定它是否可能.如果可能,您可以共享一些链接.欢迎任何帮助

mobile angularjs amp-html

12
推荐指数
2
解决办法
1万
查看次数

AMP:简单的方法来切换CSS类?

我正在构建一个加速移动页面(AMP)模板,并想知道是否有一种简单的方法可以在选项卡上切换CSS类.

我知道的事情如下:

<h2 
  class="headline"
  on="tap:list.toggleVisibility"
>
<ul id="list"></ul>
Run Code Online (Sandbox Code Playgroud)

但是这会写入内联样式 - 我宁愿切换自定义CSS类,但却无法在AMP页面上找到示例.

AMP.setState<h2 [class]="myclasses">看起来像是要走的路,但操纵状态的绑定很难用他们给你的工具......

css amp-html

12
推荐指数
2
解决办法
8326
查看次数