Interface test points Test

Disclaimer: This article is a blogger original article, shall not be reproduced without the bloggers allowed. https://blog.csdn.net/xue_yanan/article/details/86673918

1, the overall layout and typography interface, interface element content, color, alignment, the spatial distance is consistent with the prototype of FIG.

2, the size of the interface described in the text, color, format is consistent, unambiguous, no typos.

3, browser compatibility, check the above question whether there are abnormal in different browsers.

Browser compatibility: different brand of browser compatibility;

                         Browser compatibility of different versions of the same brand.

4, system resolution compatibility, check whether there is an abnormality of the above problems in different resolutions.

To Google browser, for example, how to debug:

(1) is selected from the keyboard to "F12" or follow the following steps:

(2) Click on "Toggle device toolbar":

(3) you can see the following:

(4) change the resolution size:

Resolution browser to use rankings:

Data from http://tongji.baidu.com/data/screen   Baidu statistics

As can be seen, pc end resolution list:

  • 1920*1080
  • 1366*768
  • 1440*900
  • 1600*900
  • 1024*768
  • 1280*720

Mobile terminal resolution list:

  • 360*640
  • 375*667
  • 414*736
  • 800*600
  • 320*568

 

Guess you like

Origin blog.csdn.net/xue_yanan/article/details/86673918