Testing software testing practitioners should be aware of the need to test software under different operating systems, if the test is the front-end business more mobile and pc-end fashion pc to achieve the most used web page is HTML + css and composed some effect, while moving end is there are many more like native development, and other mixed-use development, the current industry is more popular mixed-use development in the way of implementation of the mobile terminal app running then implemented.
For the test of our more mobile terminal is tested software from the functional testing and performance testing in both directions, here briefly Attention to facilitate the testing of mixed-use development of practitioners have more understanding of the way the software implementation.
⒈ First we look at some of the private meta tags webkit kernel, these meta tags play a very important role in the development of webapp.
⒉ use CSS3 border background properties
This button has rounded corners, inner glow effect as well as high light effect, such buttons using CSS3 written is not written, of course, you can use CSS3 rounded to write, but highlights Inner Glow using CSS3 can not write, this time you may wish to use -webkit-border-image to define the button-like -webkit-border-image.
⒊ adaptive layout pattern
When writing CSS, I do not recommend the width of the front-end engineers vessel (either the outer or the inner container) are scheduled to die. In order to achieve fit a variety of handheld devices, I recommend using a front-end engineer adaptive layout mode (Alipay uses adaptive layout mode), as this can make your page ipad, itouch, ipod, iphone, android, web safarik, chrome are able to normal display, you do not need to consider the resolution of the device again.
⒋ of a block-level tag
Please ensure that each piece of data in one a label, why do it? Because in touch phones, to enhance the user experience, as much as possible to ensure that users can click on a larger area.
⒌ how to remove the Android platform in the recognition of email address
Students read the iOS webapp API knows iOS provides a meta tag: iOS used to disable automatic page recognition of phone numbers. In iOS does not automatically identify e-mail addresses, but the Android platform, it will automatically detect the e-mail address, when users touch to this email address, Android will pop up a box prompts the user to send a message, if you do not want Android to automatically identify pages e-mail address, so you may wish to add a meta tag in the head.
⒍ how to stop the user rotates the device I used to want to ban user rotates the device, but also as some clients want to achieve it: to run properly only in portrait mode or landscape mode. But now I can responsibly tell you:! Do not try to do in the mobile version of webkit in!
At least Apple webapp API has been said: we to allow users to browse the web in a normal safari, we must ensure that the user's device when in any orientation, safari are able to properly display web content (ie adaptive), so we ban developers prevent browser.