我在哪里可以获得网站屏幕截图以显示响应性

Question

为我的客户准备网站手册。我的网站响应迅速，工作正常。但是，在我的手册中我想包括屏幕截图。我在哪里可以获得在线工具，这将使我至少包含3个显示网站响应能力的设备？我说的是这样的话：  something like this

Answer 1

根据您的问题要求，您最匹配的解决方案是here

你可以查看我的例子。这是我为我的网站创建的

Answer 2

它包含在Chrome的开发者工具中（Ctrl + shift + J =＆gt;小＆＃34;手机＆＃34;在左上角或Ctrl + shift + M在开发者工具中）。< / p>

Answer 3

您可以使用跨浏览器测试工具生成不同屏幕尺寸的屏幕截图。最能满足您需求的是https://www.browserstack.com/responsive

但是，它不会在您提供的布局示例中创建它们。你需要在Photoshop或任何你喜欢的设计软件中手动完成。

Answer 4

所有这三种设备都有捕获屏幕截图的方法。您将捕获设备上的屏幕截图并将其发送到计算机，您可以使用任何基本的图片编辑程序（如Paint或GIMP）将它们叠加在一起。

如果您希望设备本身在图片中可见，您可以使用数码相机拍摄照片并使用Paint或GIMP等。