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

Popular point: H5 is based on web,Native and based on client.

Deep point: H5 calls the browser kernel of the system, H5 can be cross-platform, easy to develop (one set). Natvie is a native system kernel, directly operate on the system, stable, based on Android, IOS own language research and development, development will be more complex.

The H5 test differs from the PC side test:

1. Through the return function of H5 web page (non-mobile phone return function), it can be returned, and there will be no situation that it can not be returned.

2. The horizontal and vertical screens switch with each other, which can be adaptive and the layout will not be messed up.

3. In order to better display on mobile phones with different resolutions, it is recommended to adopt a responsive design (for example, offerlist page displays 3 lines on large screen and 2 lines on small screen)

4. Click from the list on the phone to enter the detail page, which should be opened in the original window, so that you can return through the return button at the head of the page, rather than through the return button on the phone, so that the interaction is more friendly.

5. Pay attention to the page request, whether there will be any extra requests, or whether there will be extra data returned after the request, and make it as concise as possible, otherwise traffic will be wasted.

6. picture adaptation test, adapting according to different screen and resolution, as well as the definition after adaptation, the high-end machine takes a double-size picture.

7. H5 pages are also accessible on PC, and chrome supports H5 best. Functional testing can be tested on PC chrome or directly on mobile phones, depending on personal habits. (ie series including ie8 and the following are not well supported. This can confirm with PD that the H5 page is not supported on these PC browsers.)

8. Whether the finger slides smoothly and whether the focus is correctly positioned when the finger is clicked, different models will be different. Whether it is sensitive to click after the focus position.

9. For problems such as company name and offer name length, it is best to adapt rather than truncate according to the screen size on the phone, because there will be no tips on the phone. Truncation leads to only a few words on the big screen, and the interaction is not good.

10. Mobile phone testing should pay special attention to whether the interaction is friendly, which, unlike the event model of PC, may lead to some experience problems, such as whether the clicks in the pop-up layer will penetrate and affect the pages below the pop-up layer.

For some pages made of floating layers, such as maps, product categories, etc., pay attention to whether you can see the page below it after dragging, and whether the edges are left blank after dragging.

12. The mobile browser should also clear the cache when testing, because pictures and files will be cached, so the first access experience is different from the second access experience. For example, UC browsers' clear cache settings-system Settings-basic Settings-clear records.

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.