我在哪裏可以獲得網站截圖以顯示響應能力

Question

正在爲我的客戶準備網站手冊。我的網站反應靈敏，工作正常。但是，在我的手冊中，我將包括屏幕截圖。我在哪裏可以獲得在線工具，它能讓我快速瀏覽包含至少3個顯示網站響應能力的設備？我正在談論這樣的事情： something like this

Answer 1

按你的問題的要求，你的最佳匹配的解決方案是here

您可以查看我的例子。這是我爲我的網站創建的

Answer 2

它包含在Chrome的開發工具中（Ctrl + shift + J =>左上方的小「電話」或開發人員工具中的Ctrl + shift + M）。

Answer 3

您可以生成使用一個跨瀏覽器測試工具不同尺寸的屏幕截圖。最符合您需要的是https://www.browserstack.com/responsive

但是，它不會在您提供的佈局示例中創建它們。您需要在Photoshop中手動執行該操作，或者選擇您喜歡的任何設計軟件。

Answer 4

所有這三款設備都具有捕獲屏幕截圖的功能。您可以捕獲設備上的屏幕截圖並將它們發送到計算機，在計算機上您可以使用任何基本的圖片編輯程序（如Paint或GIMP）將它們疊加在一起。

如果你想在設備本身是作爲在畫面中可見，你拍攝的照片用數碼相機和使用油漆或GIMP等