Amp html 在现有响应式网站上实施AMP

我是AMP的新手。我有一个响应网站，我需要在其主页上实现AMP。是否可以在不影响桌面视图的情况下使其AMP兼容？或者我需要为AMP？重新编写单独的代码。

您可以使用@media区分移动和桌面视图

发件人：

在响应式设计中，您可以使用CSS

@media

查询为各种屏幕尺寸定制网页样式，而无需更改网页内容。在AMP中，您可以继续使用相同的CSS

@media

查询。此外，为了更好地控制AMP元素，可以在元素上指定

media

属性。当您需要基于媒体查询显示或隐藏元素时，这尤其有用。有关使用

media

属性的示例，请参见本节

对于Java脚本

<script type="text/javascript">

if (screen.width < 980) { 

    document.write('<script type="text/javascript" src="amp mobile.js"></script>');  
 } else{
     import other js
 }

</script>

如果（屏幕宽度<980）{
文件。写（“”）；
}否则{
导入其他js
}

除非您将桌面站点“升级”为AMP（删除Javascript并使用AMP组件）

您通常会创建一个单独的AMP页面（它可以很容易响应，因为AMP对此有很好的支持），并使用以下链接包括该AMP页面：

<link rel=amphtml ....>

---

有关详细信息，请参阅。

jQuery和customer JS如何？我们可以将其用于桌面视图吗？但AMP不允许自定义JS。谷歌将如何缓存上述代码？在实际的桌面版本主页中添加这些代码，只为amp创建一个新页面如何？这里有更多信息