在Chrome浏览器仿真中查看移动网站的全容器框架

Question

我会尽我所能解释。我正在使用我的Chrome浏览器来模拟iPhone 5并查看不同的网站。该网站显示中，如下图所示对应于iPhone 5帧的帧：

这所有的作品，但我想看到的滚动内容也无需滚动。换句话说，我有兴趣在不滚动的情况下拍摄完整页面的单个屏幕截图。无论如何，我可以做到这一点？

Answer 1

这不是iPhone专用的，但Google的PageSpeed API能够以“移动”和“桌面”模式查看特定实况网站的屏幕截图。这并不是某个特定设备的确切指标，但如果您正在查看多个网站，则可以便捷地了解网站在移动设备上的形状，并且非常方便。

我需要这个东西我正在工作，并使用Angular在这里写了一个plunk：http://plnkr.co/edit/c7fAFx?p=preview。最后，它只是进行以下GET调用，并使用稍微修改的结果来显示图像。

https://www.googleapis.com/pagespeedonline/v1/runPagespeed?url=<your-website-url>&key=<your-api-key>&screenshot=true&strategy=<mobile OR desktop> 

您需要注册一个Google API帐户并授予其访问PageSpeed API的权限。不知道这是你以后的样子，但可能会有所帮助。