判断手机浏览器是否支持contentEditable属性

在公司项目中遇到这样的问题,手机邮箱回复原邮件时需要不丢失原邮件样式。因此编辑器只能用div+contentEditable,但contentEditable属性低版本的安卓又不支持。如何做到优雅降级呢?对于支持contentEditable的浏览器上使用div,不支持的就用textarea。这个问题就变成了如何才能有效地判断浏览器是否支持contentEditable。

通过查看兼容性列表,发现contenEditable这货和FormData在主流手机浏览器的兼容性一样一样的,那事情就好办多了,直接判断是否支持FormData就好。封装一下就是:

function isSupportContentEditable(){
    return !!window["FormData"];
}

附上contentEditable和FormData有兼容性列表:

判断手机浏览器是否支持contentEditable属性_第1张图片

判断手机浏览器是否支持contentEditable属性_第2张图片

你可能感兴趣的:(contenteditable,小技巧)