本地AMP页面开发遇amp-iframe HTTP源错误，求解决方案

回答 #

1. 启用AMP开发调试模式 #

在本地访问AMP页面的URL末尾添加#development=1，示例：
http://192.168.0.10/your-amp-page.html#development=1
该参数会让AMP框架跳过生产环境的严格安全校验，包括amp-iframe强制HTTPS的要求，完美适配本地HTTP开发场景。上线前只需移除该参数，切换为HTTPS地址即可。

2. 将本地IP映射到localhost #

修改系统hosts文件，添加映射规则：

192.168.0.10 localhost

接着修改amp-iframe的src属性：

src="http://localhost/test.php"

AMP对localhost来源的HTTP请求有豁免规则，不会触发HTTPS校验错误。开发完成后，再将src改回线上HTTPS地址即可。

补充说明 #

以上两种方法均为AMP官方支持的本地调试方案，无需配置HTTPS即可正常使用amp-iframe，完全满足开发阶段的需求。

内容的提问来源于stack exchange，提问作者gpwr