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

Question

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

这一切都有效但我希望看到可滚动内容而不滚动。换句话说，我有兴趣在不滚动的情况下拍摄完整页面的单个屏幕截图。无论如何我能做到吗？

Answer 1

这不是针对iPhone的，但Google的PageSpeed API提供了以“移动”和“桌面”模式查看特定实时网站的屏幕截图的功能。这并不是某个特定设备的准确指示，但是如果您正在查看许多网站，那么通常可以了解网站如何在移动设备上形成并且也很方便。

我需要这个用于我正在处理的事情，并在此处使用Angular编写了一个插件：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的权限。不确定这是不是你想要的，但可能有帮助。