标签: amp-html

amp-html的示例页面以及现在可用的几个amp-html网站包含以下代码:

<style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript>

为什么是这样？如果时间紧迫,那么对于支持Javascript的客户端,将不透明度设置为0似乎是一个坏主意.负责将不透明度设置为1的JavaScript可能无法缓存和下载缓慢,或者根本无法加载(例如,中国倾向于阻止Google服务器,因此Google CDN可能存在问题).

根本不改变不透明度并且仅使用JavaScript操作来改进页面不是更好吗？使用amp-html而不是简单地使用Javascript有什么改进？

最近我听说过Accelerated Mobile Pages项目,并阅读了一些有关它的信息.

我想知道如何在现有的基于Ionic和Angular的网站上实现它？

在响应式设计之前,我们需要移动特定的站点地图,但是通过响应式设计,他们不需要.

但随着Accelerate Mobile Pages(AMP)的推出,我们再次拥有移动专用网址,所以我的问题是:

1. 我们是否需要针对AMP页面的单独(移动)站点地图？
2. 如果是,那么我们应该使用哪些模式？
3. 旧架构http://www.google.com/schemas/sitemap-mobile/1.0？还是新的东西？

试图验证我的amp-img.在这个例子中:http://staging.laineygossip.com/Sasha-Celeb-Finds-Sienna-Miller/Lifestyle/24695/amp#development=1

我收到错误:Layout not supported for: container
在控制台中,错误是:The specified layout 'CONTAINER' is not supported by tag 'amp-img'

不确定这个错误意味着什么.

到目前为止,我在文档中找不到与此错误消息相关的任何内容.

关于如何在AMP页面中运行JavaScript,我感到有点困惑.

我理解我的JavaScript必须在iframe中执行.这样的iframe必须放在页面中(75%至少从顶部开始),并且必须通过https提供.这确实有效:

<amp-iframe 
  width=300 
  height=300 
  sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox" 
  layout="responsive"
  frameborder="0" 
  src="https://localhost:8000/?p=myjs">
</amp-iframe>

在那个页面(https://localhost:8000/?p=myjs)我可以自由运行我的js.

我的问题如下:

我应该如何针对包含iframe的主页文档运行我的代码？

我试过访问window.parent.document,但是被阻止了.(当然).

任何人都可以解释一下如果我们所有的js被杀死,AMP会怎么认为我们实际上可以将页面移植到AMP？我们的js在AMP页面上运行的推荐模式是什么？有没有这样的事情,或者只是假设开发人员必须转储所有代码？

谢谢

我正在开发angular 2 SPA ..我要求角度2和AMP之间的兼容性以及如何实现它.谢谢,

我知道我将有两个页面,AMP和常规页面.AMP one具有与常规版本的规范链接,但常规版本如何指定有可用的AMP版本？

引自此处:https://www.ampproject.org/docs/get_started/about-amp.html

AMP是一种为快速呈现的静态内容构建网页的方法.AMP在行动中包括三个不同的部分:

• AMP HTML
• AMP JS
• AMP CDN

AMP HTML是HTML,对可靠性能有一些限制,有些扩展用于构建基本HTML之外的丰富内容.AMP JS库可确保AMP HTML页面的快速呈现.AMP CDN(可选)提供AMP HTML页面.

引自此处:https://www.ampproject.org/how-it-works/

谷歌正在提供一项服务,通过其CDN提供给定URL的AMP HTML文档.

我在哪里可以找到这个CDN服务,所以我可以测试一下吗？我google了很多,但我找不到任何信息.

文档说明AMP HTML文档必须

• 包含<script async src="https://cdn.ampproject.org/v0.js"></script>标记作为其头部的最后一个元素(这包括并加载AMP JS库).

这是否意味着我无法提供此文件的内部副本(例如,在没有Internet访问的受限网络环境中使用)？

有没有办法为动态网页创建谷歌放大器？我的网站包含表格元素,如主要表单,页面评论等.我对AMP印象深刻,并希望通过我的网站实现它.