# prettyjs_loader

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

## 安装

使用 cdn 地址或下载下来

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

## 使用方式

只需将 prettyjs_loader 加载到页面中

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

## API

``` js
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

## 使用方式

```html
<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  - 压缩代码对应的列数