简介
online-sourcemap-lookup 是一款用于在线调试 JavaScript 应用的 npm 包，允许你在不进行本地调试的情况下，直接通过浏览器调试工具查看 JavaScript 代码源文件。
该工具的主要优点在于：能够免费访问 JavaScript 的源代码，安装使用非常简单，支持大多数主流浏览器。
安装
online-sourcemap-lookup 可以通过 npm 安装：
npm install online-sourcemap-lookup
配置
为了在文件中使用 online-sourcemap-lookup，你需要先将其导入到你的代码中：
const SourceMapLookup = require('online-sourcemap-lookup');导入后，你需要创建一个新的 SourceMapLookup 实例，并将一些选项作为参数传递给它：
const lookup = new SourceMapLookup({
url: 'https://example.com/source-maps/',
cache: true,
cacheMaxAge: 60000,
});上面的选项中：
url: 是存储源映射文件的目录 URL；cache: 如果此选项为true，则源映射将被缓存；cacheMaxAge: 以毫秒为单位的缓存最大时间。
使用
使用 online-sourcemap-lookup 非常简单。只需传入包含源映射的 URL 和源代码行即可：
const url = 'https://example.com/library.js'; const lineNumber = 123; const columnNumber = 4; const source = await lookup.getSourceAsync(url, lineNumber, columnNumber);
上述代码将获取 library.js 文件中第 123 行第 4 列的源代码。
示例
下面是一个完整的示例，你可以用它来获取某个网站的 JavaScript 文件的源代码：
-- -------------------- ---- -------
----- --------------- - -----------------------------------
----- ------ - --- -----------------
---- -----------------------------------
------ -----
------------ ------
---
----- -------- -------------- ----------- ------------- -
--- -
----- ------ - ----- -------------------------- ----------- --------------
--------------------
- ----- ----- -
-----------------
-
-
-- --- ------ -- ---- --- -- ------------------------------ ----
------------------------------------------- ---- ---总结
如上所述，online-sourcemap-lookup 是一款十分有用的 npm 包，它可以帮助前端开发者在不下载和运行 JavaScript 应用的情况下直接查看源代码。使用这个工具非常简单，只需按照上述步骤进行配置和使用即可。希望这篇教程对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671cc30d09270238228ad