[js] 顶栏添加刷新按钮

作用

在顶栏 VIP 按钮前面添加一个刷新按钮，就算不显示 VIP 按钮也能正常添加。（附图中就是不显示的）

代码

(function() {
  function addBtnRefresh() {
    let settingBtn = document.createElement("div");
    settingBtn.id = "refreshBtn";
    settingBtn.classList = "ariaLabel toolbar__item";
    settingBtn.ariaLabel = "刷新页面";
    settingBtn.innerHTML = `<svg><use xlink:href="#iconRefresh"></use></svg>`;

    settingBtn.addEventListener(
      "click",
      function (e) {
        location.reload();
      }
    );
    return settingBtn;
  }
var vip = document.getElementById("toolbarVIP");
vip.parentNode.insertBefore(addBtnRefresh(),vip);
})();
​

使用方法

将代码复制到代码片段里面启用。

注意事项

没有做特殊判断，虽然插件只添加一次按钮，但是极为特殊情况下可能出现别的现象（几乎完全不会出现问题）。

我记得快捷键那里的刷新就是用的 reload，所以这里直接拿来用了。主题里面也用的刷新，没见出问题。如果遇到有内容不刷新还请告诉我。

参考代码

[js] 全屏和刷新按钮、右上角倒计时 - 链滴

[js] 顶栏倒计时 - 链滴