在前端开发中，如何判断用户使用的移动设备类型是非常重要且基础的技能。javascript-is-mobile 是一个开源的 npm 包，可以快速、可靠地检测浏览器是否运行在移动设备上。本文将介绍如何使用该 npm 包实现移动设备类型的判断。
安装
使用 npm 包管理器安装 javascript-is-mobile：
npm install javascript-is-mobile
使用
在需要判断是否为移动设备的文件中，导入 javascript-is-mobile：
import isMobile from 'javascript-is-mobile';
或者使用 CommonJS：
const isMobile = require('javascript-is-mobile').default;然后，使用以下方法可以检测浏览器是否运行在移动设备上：
isMobile()
该方法将返回一个布尔值，代表浏览器是否为移动设备。如果是移动设备，返回值为 true，否则返回 false。
示例
以下代码演示如何使用 javascript-is-mobile 判断是否为移动设备，并根据设备类型选择不同的图片显示：
-- -------------------- ---- ------- ---- ---------- --- ---- -------- ------ --------- ------- -------------- ------ -------- ---- ----------------------- ----- --- - ------------------------------- ----- --- - ---------- - ---------------- - ------------- ------- - ---- ---------
当运行该代码时，如果浏览器运行在移动设备上，则显示 mobile-img.jpg 图片，否则显示 pc-img.jpg 图片。
结语
javascript-is-mobile 是一个非常有用的 npm 包，可以快速、可靠地检测浏览器是否运行在移动设备上。在移动设备类型判断方面，使用该 npm 包可以大大减少开发者的工作量，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fc581e8991b448dd2e3