prettyjs_loader

• 1kb(gzip)
• 脚本错误监控，唤起 prettyjs 清晰地查看错误

安装

使用 cdn 地址或下载下来

• https://unpkg.com/prettyjs/dist/prettyjs_loader.min.js

使用方式

只需将 prettyjs_loader 加载到页面中

<script src='https://unpkg.com/prettyjs/dist/prettyjs_loader.min.js'></script>

API

window.pretty_autoload = true; // 捕获到错误时，自动唤起错误脚本展示, 默认 true
window.pretty_load(url, line, col, msg);  // 手动唤起错误脚本展示
window.pretty_report(url, line, col, msg); // 手动log错误(点击可跳转到自动唤起错误脚本展示)，且发起对应url请求可在抓包查看到

在线示例

示例代码

prettyjs

压缩代码报错，展示格式化后的代码对应位置

安装

使用 cdn 地址或下载下来

• https://unpkg.com/prettyjs/dist/prettyjs.min.js

使用方式

<script src='https://unpkg.com/prettyjs/dist/prettyjs.min.js'></script>
<script>
var $dom = document.getElementById("prettyjsId"),
    url = 'http://localhost:8099/index-5b6f68.js',
    line = 6,
    col = 70277;

window.prettyjs($dom, url, line, col);
</script>

API

window.prettyjs($dom, url, line, col);

• $dom - 用于放置展示内容的 dom
• url - 需要展示内容的地址
• line - 压缩代码对应的行数
• col - 压缩代码对应的列数