modern php_在Modern.IE上进行快速浏览器屏幕截图测试

modern php

This article was sponsored by modern.IE. Thank you for supporting the sponsors who make SitePoint possible!

本文由modern.IE赞助。 感谢您支持使SitePoint成为可能的赞助商！

Web developers understand the importance of rigorous testing on multiple mobile, tablet, and desktop browsers. We do. Honestly. It’s simply that it takes too long! There are only so many hours in a day and testing often falls far down our list of priorities. We’ll do it once we’ve implemented one more essential feature, read the latest SitePoint HTML5 article, grabbed a coffee and — oh — it’s 5pm.

Web开发人员了解在多个移动设备，平板电脑和台式机浏览器上进行严格测试的重要性。 我们的确是。 老实说 只是时间太长了！ 一天只有几个小时，而测试常常落在我们的优先级清单之内。 一旦实现了另一个重要功能，就读完了SitePoint HTML5的最新文章，喝了一杯咖啡， 哦 -下午5点。

Testing across multiple devices may be tedious but, the longer you leave it, the more difficult it becomes to fix the inevitable problems. You may have a great device lab or use Virtual Machines from modern.IE but the psychological jump from developer into tester mode is daunting.

在多个设备上进行测试可能很乏味，但是，您将其保留的时间越长，解决不可避免的问题就越困难。 您可能有一个不错的设备实验室，或者使用了modern.IE的虚拟机，但是从开发人员到测试人员模式的心理跳动令人生畏。

简单的多设备测试 (Easy Multi-Device Testing)

Fortunately, modern.IE has another solution for quick and dirty testing. The free screenshot automation tool powered by BrowserStack loads your site on a range of mobile and desktop devices and presents captured screens within a matter of minutes. The process is simple and painless…

幸运的是， modern.IE还有另一个用于快速而肮脏的测试的解决方案。 由BrowserStack提供支持的免费屏幕截图自动化工具可将您的网站加载到各种移动和桌面设备上，并在几分钟之内显示捕获的屏幕。 该过程简单而轻松……

Open modern.ie/screenshots in your browser:

在浏览器中打开modern.ie/screenshots ：

Enter the address of a page you want to test and hit enter:

输入您要测试的页面的地址，然后按Enter键：

The results are generated and presented — click any thumbnail to view the full-size image. Option buttons allow you to:

生成并显示结果-单击任何缩略图以查看完整尺寸的图像。 使用选项按钮可以：

• download a PDF containing all screenshots;
  下载包含所有屏幕截图的PDF；
• share the results via email, Facebook or Twitter; and
  通过电子邮件，Facebook或Twitter分享结果； 和
• generate a poster of your site!
  生成您网站的海报！

There are also links to further tools and help resources should you need them.

还提供了指向其他工具和帮助资源的链接(如果需要)。

注意事项 (Things to Keep in Mind)

However, be wary of the limitations. Your site must be on a live, accessible URL — the tool cannot access a site running from ‘localhost’ or your internal servers.

但是，请注意这些限制。 您的站点必须位于可访问的实时URL上-该工具无法访问从“ localhost”或内部服务器运行的站点。

A good range of devices and browsers is provided, such as:

提供了大量的设备和浏览器，例如：

• IE10, Firefox 20, Chrome 27, and Opera 12 on Window 8
  Windows 8上的IE10，Firefox 20，Chrome 27和Opera 12
• Safari on the iPhone, iPad, and Mac OS, and
  iPhone，iPad和Mac OS上的Safari，以及
• the Android Browser on a Google Nexus and Samsung Galaxy.
  Google Nexus和Samsung Galaxy上的Android浏览器。

…but the tool cannot possibly account for every combination. At the time of writing, you cannot choose your own devices, OS, browser, window size, or orientation.

…但是该工具可能无法说明所有组合。 在撰写本文时，您无法选择自己的设备，操作系统，浏览器，窗口大小或方向。

Finally, the screenshots are static. They are ideal for checking fonts, styles, design and layout but they won’t highlight faults with CSS3 animation, JavaScript interactivity or media such as video.

最后，屏幕截图是静态的。 它们是检查字体，样式，设计和布局的理想选择，但不会突出CSS3动画，JavaScript交互性或视频等媒体的错误。

For more sophisticated testing and debugging you need direct control so it’s back to the real device or virtual machine. Alternatively, consider using BrowserStack, which offers a range of live and automated browser testing services across dozens of devices. modern.IE provides three-months unlimited testing of your site — sign up from the virtualization tools page.

为了进行更复杂的测试和调试，您需要直接控制，以便将其返回到真实设备或虚拟机。 或者，考虑使用BrowserStack ，它可以在数十种设备上提供一系列实时和自动的浏览器测试服务。 modern.IE为您的网站提供了三个月的无限制测试-从虚拟化工具页面注册 。

That said, the modern.IE screenshot capture tool provides instant reassurance when you implement a quick fix and don’t want to spend all morning testing it. A great addition to your quality assurance toolkit!

就是说，当您实施快速修复并且不想花整个上午进行测试时， modern.IE屏幕快照捕获工具可立即为您提供保证。 质量保证工具包的绝佳补充！

翻译自: https://www.sitepoint.com/quick-browser-screenshot-testing-modern-ie/

modern php