浏览器经常使用监听事件

广告：Fundebug错误监控插件，及时发现Bug，提升Debug效率！

页面

//初始化页面监听
document.addEventListener("DOMContentLoaded", ready);

// 页面跳转hash
document.addEventListener("hashchange", navigation);
// 监听pop和push须要自定义
document.addEventListener("popstate", navigation);
document.addEventListener("pushState", navigation);

//离开页面监听
document.addEventListener("beforeunload", leave);

自定义监听popstate和pushState

history.pushState = this.resetHistory("pushState");
history.replaceState = this.resetHistory("replaceState");

  resetHistory(type) {
    let orig = history[type];
    return function() {
      let rv = orig.apply(this, arguments);
      let e = new Event(type);
      e.arguments = arguments;
      window.dispatchEvent(e);
      return rv;
    };
  }

error

window.onerror = function (errorMsg, url, lineNumber) {
               alert(errorMsg + lineNumber);//错误信息+lineNumber
       };
       
window.addEventListener('unhandledrejection', event => 
    { 
       console.log('unhandledrejection:' + event);//打印event查看全部报错信息
    });