chrome 书签调试

在掘金上看到一篇借助Chrome书签添加调试代码的文章，感觉非常棒，这里只摘记了核心创建步骤和示例代码，详细内容可查看作者原文。

添加书签步骤

1. 打开书签管理页；
2. 右上角三个点「添加新书签」；
3. 名称随意，粘贴以下代码到网址中，然后保存；
4. 点击书签可添加、删除outline调试；

添加outline调试页面

javascript: (function() {
  var elements = document.body.getElementsByTagName('*');
  var items = [];
  for (var i = 0; i < elements.length; i++) {
    if (elements[i].innerHTML.indexOf('html * { outline: 1px solid red }') != -1) {
      items.push(elements[i]);
    }
  }
  if (items.length > 0) {
    for (var i = 0; i < items.length; i++) {
      items[i].innerHTML = '';
    }
  } else {
    document.body.innerHTML += '<style>html * { outline: 1px solid red }</style>';
  }
})();

页面中所有a标签在新标签打开

学以致用，根据上述步骤创建了一个可改变页面a标签在新标签中打开的书签，亲测好用，代码逻辑很简单，这里记录一下。

javascript:(function () {
  const aLinst = document.querySelectorAll('a');
  aLinst.forEach((ele) => {
    ele.setAttribute('target', '_blank');
  });
})();

Tips

本文部分内容摘自文章：
作者：yck
链接：https://juejin.im/post/5d74b29d6fb9a06aea61b8b9
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。