AMP

设置

先决条件

在开始本教程之前,您需要以下内容

  • HTML、CSS 和 JavaScript 的基本知识
  • 您选择的可以检查 JavaScript 控制台的浏览器
  • 您选择的文本编辑器

设置您的开发环境

步骤 1. 下载代码

下载本教程的示例代码,可以作为 ZIP 文件或通过 git 下载

git clone https://github.com/googlecodelabs/accelerated-mobile-pages-foundations.git

解压缩存档文件(如果需要),并通过计算机上的命令行导航到项目目录

cd accelerated-mobile-pages-foundations

项目目录包含几个示例资源文件和起始 article.html 页面。

步骤 2. 运行示例页面

要测试我们的示例页面,我们需要从 Web 服务器访问文件。 有几种方法可以创建用于测试目的的临时本地 Web 服务器。 以下是一些选项,选择最适合您的一种

注意 – 强烈建议您在生产环境中使用 HTTPS。 HTTPS 除了安全性之外,还有包括 SEO 在内的多个好处。 您可以在这篇 Google 网站管理员博客文章中阅读更多关于此主题的内容。

设置好本地 Web 服务器后,通过 此 URL 在浏览器中访问示例文章

https://127.0.0.1:8000/article.html