[js 判断是否是刘海屏]

hasNotch.js

// 判断刘海屏
    function hasNotch() {
        var proceed = false
        var div = document.createElement('div')
        if (CSS.supports('padding-bottom: env(safe-area-inset-bottom)')) {
            div.style.paddingBottom = 'env(safe-area-inset-bottom)'
            proceed = true
        } else if (CSS.supports('padding-bottom: constant(safe-area-inset-bottom)')) {
            div.style.paddingBottom = 'constant(safe-area-inset-bottom)'
            proceed = true
        }
        if (proceed) {
            document.body.appendChild(div)
            var calculatedPadding = parseInt(window.getComputedStyle(div).paddingBottom)
            document.body.removeChild(div)
            if (calculatedPadding > 0) {
            return true
            }
        }
        return false
    }