AMP
Something went wrong while trying to load more search results.
We apologize for the inconvenience caused.
Please try again later.

;(

Something went wrong…

…while trying to load the search results.
We apologize for the inconvenience caused.
Please try again later.

设置

前提条件

在开始学习本教程之前,您需要做好以下准备:

  • 掌握基本的 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 步:运行示例网页

为了测试示例网页,我们需要从网络服务器访问相关文件。您可通过多种方法创建一个临时的本地网络服务器以进行测试。下面列出了一些方案,请从中选择最适合您的那项方案:

我们强烈建议您在生产环境中使用 HTTPS。除了能够提供可靠的安全性,HTTPS 还具有包括 SEO 在内的诸多优势。若想详细了解此主题,请阅读这篇 Google 网站站长博文

待您设置完本地网络服务器之后,请在浏览器中通过此网址访问示例文章:

http://localhost:8000/article.html