npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

js-track-log

v1.0.5

Published

一个全自动的页面监控工具,收集页面报错,异步请求和jsonp加载超时,首屏加载性能,支持SPA

Downloads

3

Readme

monitorjs

一个全自动的页面监控工具,收集页面报错,异步请求和jsonp加载超时,首屏加载性能,支持SPA

<script src="monitor.js"></script>
<script>
window.monitorjs.init({
  namespace: 'main-site', //指定一个唯一命名空间,用于区分项目
  timeoutCheck: 600,  //异步请求的超时上报
  reportUrl: '/', //上报地址
  percent: 1, //收集比例,默认100%, 可指定只收集1%, percent: 0.01
  fs: {
    enable: false,  //默认关闭首屏性能收集
    root: 'root', //根节点id
    startParam: 'fs_start', //url中的参数名,用于指定页面加载开始时间戳,如需统计从上个页面用户开始点击开始算作请求起始时间,不指定则使用performance.timing.navigationStart
    maxSpace: 50, //最大元素间距,用于判定首屏是否加载成功的一个重要标识。
  }
});
</script>

开启首屏性能收集时需要指定每个页面的首屏监控元素

<div>
  <!--指定该元素为首屏监控元素,当这个元素内节点加载高度超过1个屏幕时,则判定首屏加载成功, 包括异步请求-->
  <div data-monitorjs-fs="main-page/*指定一个页面唯一标识*/">
  balabala....
  </div>

  .....
</div>