在前端开发中，经常需要在浏览器中打开链接或文档，但不同设备或操作系统可能默认的浏览器不同，如何处理这种情况？npm 包 xdg-default-browser 可以解决这个问题，本文将介绍如何使用和应用场景。
什么是 xdg-default-browser？
xdg-default-browser 是一个可以获取系统中默认浏览器，以及在其中打开链接或文档的 npm 包。这个包支持 Linux、Mac、Windows 等多个操作系统，可以帮助开发者更方便地处理浏览器打开的操作。
如何使用 xdg-default-browser？
安装 xdg-default-browser
在使用 xdg-default-browser 之前，需要先安装这个 npm 包：
npm install xdg-default-browser
获取默认浏览器名称
在使用 xdg-default-browser 前，可以获取默认浏览器的名称，通过这个名称，可以更好地使用这个 npm 包：
const getDefaultBrowser = require('xdg-default-browser');
const browser = getDefaultBrowser();
console.log(browser);执行这段代码，可以获取当前系统的默认浏览器名称：
例如，在 macOS 中，执行上面的代码可以得到应用程序名称「Safari」，在 Ubuntu 中，执行上面的代码可以得到应用程序名称「firefox」，在 Windows 中，执行上面的代码可以得到应用程序名称「Chrome」。
打开链接
在获取默认浏览器名称后，可以使用 xdg-open 命令，打开对应的浏览器链接：
const getDefaultBrowser = require('xdg-default-browser');
const exec = require('child_process').exec;
const browser = getDefaultBrowser();
const link = 'https://www.example.com';
exec(`${browser} ${link}`);这段代码使用 child_process 模块中的 exec 函数，执行 xdg-open 命令，打开默认浏览器，并访问链接。执行这段代码后，可以在默认浏览器中打开所访问的链接。
打开文件
除了可以打开链接，xdg-default-browser 还可以打开本地文件，需要提供一个本地文件的路径：
const getDefaultBrowser = require('xdg-default-browser');
const exec = require('child_process').exec;
const browser = getDefaultBrowser();
const path = '/path/to/your/file';
exec(`${browser} ${path}`);这段代码使用 child_process 模块中的 exec 函数，执行 xdg-open 命令，打开默认浏览器，并显示对应的本地文件。
总结
使用 xdg-default-browser 可以更方便地获取系统中默认的浏览器，并且实现在其中打开链接或文件的功能。在开发中，如果需要使用浏览器打开链接或文件，可以参考这个 npm 包实现。
参考资料
- 官方文档：https://www.npmjs.com/package/xdg-default-browser
- Github 项目地址：https://github.com/sindresorhus/xdg-default-browser
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006711b8dd3466f61ffe850