在Chrome瀏覽器仿真中查看移動網站的全容器框架

我會盡我所能解釋。我正在使用我的Chrome瀏覽器來模擬iPhone 5並查看不同的網站。該網站顯示中，如下圖所示對應於iPhone 5幀的幀：在Chrome瀏覽器仿真中查看移動網站的全容器框架

enter image description here

這所有的作品，但我想看到的滾動內容也無需滾動。換句話說，我有興趣在不滾動的情況下拍攝完整頁面的單個屏幕截圖。無論如何，我可以做到這一點？

2014-08-27 john doe

對於投票結束此問題的人。我應該在哪裏發佈它，我應該問誰？ – 2014-08-27 13:18:21

這不是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的權限。不知道這是你以後的樣子，但可能會有所幫助。

2014-09-03 21:23:52

回答