用JavaScript为URL瘦身

由于 SEO 优化或流量统计需要，邮箱订阅或某些网站会对自身 URL 进行处理，在原 URL 后面追加一系列的标签，形如

https://zhuanlan.zhihu.com/p/22545574?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io

其原本的 URL 为：

https://zhuanlan.zhihu.com/p/22545574

带有标签后缀的 URL 不够优雅，分享这样的 URL 时会影响观感，需要手动删除无用参数（有点强迫症的感觉）。

好在 @ibingfei 给我找了一个解决方案，只需将处理 URL 的 JS 脚本存为书签，使用时点击一下该书签即可。下面是经我稍微改动，加入过滤 acm、mtt、cks 三个标签后的 JS 脚本，仅供参考：

javascript:(function(){
  var search, params, i, re;
  search = location.search.replace( /^\?/, '' ).split( '&' );
  params = [];
  if (!search) return;
  i = search.length;
  while( i-- ){
    if( !search[i].match( /^utm_|^hmsr|^acm|^mtt|^cks|^fb_action|^fb_source|^action_object_map|^action_type_map|^action_ref_map/ ) ){
      params.push( search[i] );
    } else {
      re = true;
    }
  }
  if (re) {
    history.pushState('','',location.pathname + (( params.length ) ? '?' + params.join( '&' ) : '' ));
  }
})();

此法的原理是对 URL 中的无用标签进行正则匹配，从而实现过滤。当然你也可以自行添加过滤规则，只需在其中按 !search[i].match( / |^<标签名>/ ) 格式添加标签即可。

举个栗子：如测试后发现 http://yhyy135.github.io?blabla=hahaha 中，删除标签 blabla 后不影响正常访问，则可在上述 JS 脚本的正则规则中添加 |^blabla 即可。整个 URL 减肥过程如此流畅。

用JavaScript为URL瘦身

相关文章：