Mobile browser Compatibility test Results Summary

Source: Internet
Author: User

The following is said " most " means that in the model we tested, the number of mobile phones accounted for 50% or more of these conditions, " Part " for 20% to 50%; " few " is 20% and below. And this probability is only limited to the models we have tested, although we collect samples as far as possible to cover a variety of features of the mobile phone, but does not represent the situation of all mobile phones.

XHTML Part


Most phones do not support:

    • of the form element " Disable the Properties

Some phones do not support:

    • " Button the label

    • "Input[type=file]" label

    • "IFrame" tab.

Although only some of the phones do not support these tags, but because these tags in the page often has a very important function, so it is a high-risk label, to use with caution.

Few phones are not supported:

    • " Select Label: If the label is given a more complex CSS property, it may cause the display to be unhealthy, such as " Vertical-align:middle ".

CSS Part

  • " font-family "Property: Because the phone basically only installs the song body This kind of Chinese font;

  • "Font-family:bold;" : Invalid for Chinese characters, but generally valid for English characters;

  • "Font-style:italic;" Ibid.

  • "Font-size" attribute: For example, 12px Chinese and 14px Chinese look the same size, when the character is 18px, you may be able to see some differences;

  • "White-space/word-wrap" property: Cannot set forced line-wrapping, so when you have a lot of Chinese language, you need to pay special attention to do not let too many ligatures English characters to open the page;

  • "Background-position" property: But the background picture of the other property settings are supported;

  • "Position" attribute;

  • "Overflow" attribute;

  • "Display" property;

  • "Min-height" and " Min-weidth "attribute;

Some phones do not support:

    • " ' property: Yes height "support is not very good, it is strange that in our tests, only a small number of mobile phones do not support

    • Span style= "font-size:16px;font-family: ' The song Body '; > "margin" property: a higher proportion of phones do not support

Few phones are not supported:

    • A few phones do not support CSS at all;

JavaScript Part

Part of the test is relatively less maddening, or simply do not support, if supported, the basic DOM operations, events and other support is good. But we haven't tested very complicated scripts.

In our tested phones, the proportion of mobile phones that support (including unsupported) JavaScript is about half, of course, the most important thing for us is not the ratio, but how to do the graceful downgrade of JavaScript.

Other

    • Some phones do not support PNG8 and png24, so use JPG and GIF images as much as possible.

    • In addition to the smooth gradient and other fine picture details, some phone color support does not meet the requirements, so careful with a smooth gradient bar design

    • Some phones for oversized pictures, neither zoom nor display the scroll bar in the horizontal

    • A few phones are running out of memory when they open more than 20k test pages

Issues you need to be aware of during development

  • What specifications do I need to follow for mobile page coding?
    Follow the XHTML mobileprofile specification ( wap-277-xhtmlmp-20011029-a.pdf ), referred to as the XHTML MP, which is usually called the WAP2.0 specification. XHTMLMP is designed for clients that do not support all features of XHTML and have limited resources. It is based on XHTML Basic and adds some elements and attributes from XHTML1.0. These include some other elements and support for internal style sheets. As with XHTML Basic, XHTML MP is a strict subset of XHTML 1.0.

  • What is the recommended extension for Web documents?
    The recommended name is XHTML, according to WAP2.0 specification standard written html/htm, etc. is also possible. But a few phones are not good for HTML support.

  • Why do most websites today have a maximum of 14 Chinese characters in a row?
    due to the particularity of the handheld device, the actual text size in the page is not necessarily the size of the text we set in the CSS, especially in third-party browsers. For example Nokia5310, its built-in browser page text size and CSS settings match, but the third-party browser Operamini and UCWeb page text size is larger than the CSS settings. After testing, the text is about 16px. If the screen resolution width is 240px, to remove the margin, then its line is displayed in 14 characters, is more insurance (avoid text wrapping) practice.

  • Use WCSS or CSS?
    wcss (WAP cascading style Sheet or WAPCSS) is a mobile version of a CSS style sheet. It is a subset of CSS2, removing some attributes that are not suitable for mobile internet features, and adding some extensions with WAP features (such as-wap-input-format/-wap-input-required/display:-wap-marquee, etc.). It is important to note that these special attribute extensions are not very practical, so it is not recommended to use WCSS-specific properties in actual project development.

  • Avoid Null Values property
    if the value of the property is empty, there is no problem in the Web page, but it will be an error on most mobile pages.

  • Page Size Limits
    the recommended low version of the page does not exceed 15k, the higher version of the page does not exceed 60k.

  • Is it reliable to test a page with a phone simulator and a third-party mobile browser's online simulator?
    If there is a condition, we certainly recommend testing on the mobile phone entity, because the target customer group's mobile devices are always changing, these phone simulators are usually not completely correct to simulate the display of the page on the phone, compared to the film color, page size limit, etc. it is difficult to test on the simulator.       Of course, some third-party mobile browser online simulator can still be tested, third-party browsers are relatively less affected by mobile phone devices. Mobile Web Production reference:http://dreamweaver.abang.com/od/html/a/wap-web.htmm


Mobile browser Compatibility test Results Summary

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.