Тестирование PhoneGap-приложений: специфика + опыт

Editor's Notes

• #22: Apps built using Xcode 7 will use the iOS 9 SDK. iOS 9 implements a new feature called App Transport Security (ATS). By default, ATS does not allow apps built with Xcode 7 to make Ajax connections to servers that are not secured by SSL. Many developers are coming across this for the first time at the same time as they upgrade their stack to use Cordova 5, meaning it is common to incorrectly assume that this is a Cordova version issue
• #32: CSS Pixels vs Device Pixels Some browsers on some devices (mostly High-DPI android devices or retina displays) don’t make CSS Pixels same as Device Pixels when width of viewport is set to device width. They make 1 CSS Pixel equal to around 1.5 Device Pixel. Which means images, fonts and other things are zoomed by 150%. This default configuration mostly effects images and fonts as they are zoomed they loose quality. There are basically three solutions to this problem: 1. We can make viewport width same as device width with in terms of pixels and then using responsive media queries supply different images and font size according to the resolution. index.html <meta name="viewport" content="target-densitydpi=device-dpi" /> ______________ The screen density The WebView class and most web browsers on Android convert your CSS pixel values to density-independent pixel values, so your web page appears at the same perceivable size as a medium-density screen (about 160dpi). However, if graphics are an important element of your web design, you should pay close attention to the scaling that occurs on different densities, because a 300px-wide image on a 320dpi screen will be scaled up (using more physical pixels per CSS pixel), which can produce artifacts (blurring and pixelation).
• #33: CSS Pixels vs Device Pixels Some browsers on some devices (mostly High-DPI android devices or retina displays) don’t make CSS Pixels same as Device Pixels when width of viewport is set to device width. They make 1 CSS Pixel equal to around 1.5 Device Pixel. Which means images, fonts and other things are zoomed by 150%. This default configuration mostly effects images and fonts as they are zoomed they loose quality. There are basically three solutions to this problem: 1. We can make viewport width same as device width with in terms of pixels and then using responsive media queries supply different images and font size according to the resolution. index.html <meta name="viewport" content="target-densitydpi=device-dpi" /> ______________ The screen density The WebView class and most web browsers on Android convert your CSS pixel values to density-independent pixel values, so your web page appears at the same perceivable size as a medium-density screen (about 160dpi). However, if graphics are an important element of your web design, you should pay close attention to the scaling that occurs on different densities, because a 300px-wide image on a 320dpi screen will be scaled up (using more physical pixels per CSS pixel), which can produce artifacts (blurring and pixelation).