微信小程序獲取客戶端系統信息

微信小程序中有個API：
wx.getSystemInfo() 可以獲取系統的信息
wx.getSystemInfoSync()===》同步獲取系統信息

wx.getSyatemInfo({
　　success: function ( res ){
　　console.log( res ); 
　　// 得到一個系統信息對象，以 iPhone 7 Plus 為例
　　SDKVersion:"1.9.0"  // 客戶端的基礎版本庫
　　batteryLevel: 100  //  會打印出此屬性及屬性值，據說是手機電量，但實際上跟手機電量並不吻合
　　brand:"iPhone"  // 手機品牌
　　errMsg:"getSystemInfo:ok"
　　fontSizeSetting:16    // 用戶設置的字體大小，單位px（以“我-設置-通用-字體大小”中的設置為准）
　　language:"zh_CN"   // 微信設置的語言
　　model:"iPhone 7 Plus<iPhone9.2> "   // 手機型號
　　pixelRatio:3  // 設備的像素比
　　platform:"ios"   // 客戶端平台
　　screenHeight:736  // 屏幕高度
　　screenWidth:414  // 屏幕寬度
　　system:"iOS 11.1.2"  // 操作系統版本
　　version:"6.6.1"   // 微信版本號
　　windowHeight:672    // 可使用窗口的高度
　　windowWidth:414   // 可使用窗口的寬度
　　}
})
在小程序開發的過程中，有一個自己沒有注意過的點，尤其是screenHeight 和 windowHeight 的區別，導致在手指觸摸移動組件的時候位置錯誤。
以下是 screenHeight 和 windowHeight 的區別（ 同理 screenWidth 和 windowWidth ）：