谷歌浏览器开发者模式调试移动端网页的教程如下：
1. 打开谷歌浏览器，点击右上角的三个点按钮，选择“更多工具”>“扩展程序”。
2. 在扩展程序页面中，点击“加载已解压的扩展程序”，找到并安装“Chrome DevTools”插件。
3. 安装完成后，返回到谷歌浏览器的设置页面，点击右上角的齿轮图标，选择“关于Google Chrome”。
4. 在关于页面中，点击“高级”选项卡，然后勾选“开发者模式”。
5. 返回到谷歌浏览器的设置页面，点击右上角的齿轮图标，选择“开发者工具”。
6. 在开发者工具中，点击“启用断点”按钮，然后在需要调试的代码行前添加断点。
7. 在需要调试的网页中，点击“检查”按钮，然后刷新网页，查看调试结果。
8. 如果需要调试移动端网页，可以在谷歌浏览器的设置页面中，将“移动设备支持”设置为“所有网站”。
9. 在移动端网页中，点击“检查”按钮，然后刷新网页，查看调试结果。