设置
先决条件
在开始本教程之前,你需要具备以下条件
- 基本了解 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