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

Google chrome 在Chrome浏览器仿真中查看移动网站的完整容器框架,google-chrome,mobile,mobile-website,Google Chrome,Mobile,Mobile Website,我会尽力解释的。我正在用我的Chrome浏览器模拟iPhone5,并查看不同的网站。该网站显示在与iPhone 5框架相对应的框架中,如下所示: 这一切工作,但我想看到的滚动内容也没有滚动。换句话说,我感兴趣的是在不滚动的情况下拍摄完整页面的单个屏幕截图。还有什么我能做到的吗 这不是iPhone特有的,但谷歌的PageSpeed API提供了在“移动”和“桌面”模式下查看特定实时网站屏幕截图的功能。这并不是一个特定设备的确切指示,但它很方便,可以让你大致了解一个网站在移动设备上是如何形成的,如

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


这一切工作,但我想看到的滚动内容也没有滚动。换句话说,我感兴趣的是在不滚动的情况下拍摄完整页面的单个屏幕截图。还有什么我能做到的吗

这不是iPhone特有的,但谷歌的PageSpeed API提供了在“移动”和“桌面”模式下查看特定实时网站屏幕截图的功能。这并不是一个特定设备的确切指示,但它很方便,可以让你大致了解一个网站在移动设备上是如何形成的,如果你正在浏览许多网站,它也很方便

我需要这个来做我正在做的事情,并在这里使用Angular编写了一个plunk:。最后,它只需执行下面的GET调用,并使用稍微修改的结果来显示图像

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

您需要注册一个Google API帐户,并授予它访问PageSpeed API的权限。不确定这是否是您想要的,但可能会有所帮助。

对于投票结束此问题的人。我应该把它贴在哪里?我应该问谁?