Shulou(Shulou.com)06/01 Report--

What are the knowledge points of this article "web responsive web page testing tools?" most people do not understand, so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "web responsive web page testing tools" article.

1. XRESPOND

The tool, called XRespond, calls itself a "virtual device lab," a title that actually lives up to the name.

When you open a web page through Xrespond, you can see what it looks like under different screen sizes, and the whole layout is horizontal, so you need to scroll horizontally to see what it all looks like.

The label at the top of the screen identifies why the device matches, and in the drop-down box, you can select different brands and different models of smartphones, tablets and laptops to preview the effect.

2. RESPONSINATOR

Similar to the function of XRespond, Responsinator also provides previews at different screen sizes. However, the layout of Responsinator is different from the former, and vertical scrolling is more in line with the daily interactive logic.

You can see the most commonly used mobile devices in Responsinator, such as iPhone, iPad, and Nexus series, including previews of landscape and vertical screens.

Responsinator also supports switching between http links and https, the application will automatically identify and adapt according to the links you enter, and will avoid SSL errors.

3. RESPONSIVE DESIGN CHECKER

It's not difficult to quickly detect whether a site is responsive, just use Responsive Design Checker, a tool that can easily help you customize your screen size and resolution for more in-depth testing.

You can find the screen size / resolution of predefined devices, such as Nexus tablets, Kindle or Google Pixel phones, in the sidebar.

You can also test the size of a large screen here, even if you run the tool on a small screen. Responsive Design Checker currently supports a 24-inch screen.

4. GOOGLE MOBILE TEST

Google provides a number of quality tools for webmasters and web developers, and Google Mobile Test is one of them.

This tool is not a real preview tool, nor can it help you accurately judge errors in UI. But it is a super practical mobile tool that can help you quickly locate problems on your website on your mobile device.

Once you start running the test, the test result must end with failure or success. This result may seem rough to the designer, but Google identifies areas and elements that need to be improved and provides hints for improvement.

This tool may be a complete responsive tool, but it is a very reliable mobile testing tool and a good place to collect and organize information.

5. MATT KERSLEY'S RESPONSIVE TOOL

This free responsive layout testing tool released by designer and developer Matt Kersley is the most simple of many testing tools.

Although there is not much decoration, the tool has five fixed widths built in for testing, which are 240px, 320px, 480px, 768px, 1024px.

There is a scroll bar in the preview interface to browse the content, but you can't click on it, so this tool is ideal for testing a single page.

6. AM I RESPONSIVE?

Of course, if you need to test the page pixels during the test, then you should not use the Am I Responsive tool.

On the contrary, if your test needs to quickly test the display of the page on several common devices, it is a good choice.

Also using input links to generate previews, Am I Responsive can help you test the browsing experience of pages on smartphones, tablets, laptops and desktop devices.

The highlight of this tool is that it can generate the appearance of the corresponding device while taking screenshots, matching the size ratio of the page.

7. DESIGNMODO RESPONSIVE TEST

This tool called Designmodo Responsive Test is a tool pushed by the famous design blog Designmodo. It is free and easy to use. It can test the display of the web page for a specific width.

The above is about the content of this article on "what are the web responsive web testing tools". I believe we all have some understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.