Greasy Fork

Greasy Fork is available in English.

微信文章浏览功能拓展

更佳的浏览体验,更快获得微信文章封面图与文章摘要以及更多功能

当前为 2022-06-03 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         微信文章浏览功能拓展
// @namespace    https://blog.csdn.net/Huuc6
// @version      1.2.1
// @description  更佳的浏览体验,更快获得微信文章封面图与文章摘要以及更多功能
// @author       Ziu
// @match        *://mp.weixin.qq.com/s*
// @icon         https://gitee.com/ziuc/utool-filebed/raw/master/20210514-231824-0795.png
// @require      https://fastly.jsdelivr.net/npm/[email protected]/dist/jquery.min.js
// @require      https://fastly.jsdelivr.net/npm/[email protected]/dist/clipboard.min.js
// @grant        GM_registerMenuCommand
// @grant        GM_setValue
// @grant        GM_getValue
// @license      MIT
// ==/UserScript==

;(function () {
  "use strict"
  let summary_show_state
  let state = {
    url_state: true, // 是否启用封面图链接功能
    openNewWindow_state: true, // 是否在新窗口打开封面图链接
    datetype_state: true, // 是否修改默认时间显示模式
    summary_state: true, // 是否启用读取摘要功能
    clipboard_state: true, // 是否启用点击摘要复制到剪切板功能
    recommend_state: false, // 是否显示引导关注栏
    preview_state: true, // 封面图预览功能
    config_state: true // 是否默认显示设置侧边栏
  }
  // 设置框
  let configBox =
    "<div id='config_window' style='position:fixed;z-index:999999;opacity:0.25;cursor:pointer;top:10%;left:0px;text-align:center;border-style:solid;border-width:2px;'>" +
    "<div id='config_url' class='shownConfig' title='点击跳转封面链接' style='font-size:13px;padding:8px 3px;color:#FFF;background-color:#25AE84;'>封面链接</div>" +
    "<div id='config_summary' class='shownConfig' title='点击隐藏/显示文章摘要' style='font-size:13px;padding:8px 3px;color:#FFF;background-color:#25ae84;'>文章摘要</div>" +
    "<div id='config_preview' class='unshownConfig' title='点击复制封面链接到剪切板' class=\"myclipboard\" data-clipboard-text=\"#\" style='font-size:13px;padding:8px 3px;color:#FFF;background-color:#25ae84;'>复制链接</div>" +
    "<div id='config_search' class='unshownConfig' title='在网络中搜索此文章' style='font-size:13px;padding:8px 3px;color:#FFF;background-color:#25ae84;'>搜索文章</div>" +
    "<div id='config_moreinfo' class='shownConfig' title='查看更多' style='font-size:13px;padding:4px 3px;color:#FFF;background-color:#25ae84;'>· · ·</div>" +
    "</div>"
  $("body").append(configBox)
  $(".unshownConfig").hide()
  $("#config_moreinfo").click(function () {
    $(".unshownConfig").fadeIn()
    $("#config_moreinfo").html(":D")
    $("#config_moreinfo").click(function () {
      window.open("http://greasyfork.icu/zh-CN/users/605474")
    })
  })
  // 给设置窗口添加效果 移入透明度加深 移出透明度变浅
  $("#config_window").mouseenter(function () {
    $("#config_window").css("opacity", "1.0")
    $("#config_window > div").mouseenter(function () {
      var $this = $(this) // 把div元素转化成jQuery的对象
      $this.css("background-color", "#1b8262")
      $("#config_window > div").mouseleave(function () {
        $this.css("background-color", "#25ae84")
      })
    })
    $("#config_window>div").mousedown(function () {
      this.style.color = "#125540"
    })
    $("#config_window>div").mouseup(function () {
      this.style.color = "#FFF"
    })
  })
  $("#config_window").mouseleave(function () {
    $("#config_window").css("opacity", "0.25")
  })
  // 文章摘要
  $("#config_summary").click(function () {
    $("#summary").toggle("fast")
    state.summary_state = false
  })
  // 微信文章搜索
  $("#config_search").click(function () {
    let artname = $("#activity-name").text()
    let baseurl = "https://weixin.sogou.com/weixin?type=2&query="
    let trueurl = baseurl + artname
    if (state.openNewWindow_state === true) {
      window.open(trueurl)
    } else {
      window.location.href = trueurl
    }
  })
  // 封面图
  if (state.url_state === true) {
    let linkReg = /msg_cdn_url = "(.*)"/gi
    let data = $("*").html()
    let url = linkReg.exec(data)
    let trueurl = url[1]
    // 跳转
    $("#config_url").click(function () {
      if (state.openNewWindow_state === true) {
        window.open(trueurl)
      } else {
        window.location.href = trueurl
      }
    })
    // 预览封面图功能
    if (state.preview_state === true) {
      // 引入封面图并设置默认隐藏
      $("#config_url").append('<img id="picture_url"></img>')
      $("#picture_url").attr("src", trueurl)
      $("#picture_url").css({
        zoom: "35%",
        position: "absolute",
        left: "140px",
        "border-radius": "8px",
        "box-shadow": "5px 5px 2px #555555"
      })
      $("#picture_url").hide()
      // 加入鼠标事件 实现预览功能
      $("#config_url").mouseenter(function () {
        $("#picture_url").fadeIn()
      })
      $("#config_url").mouseleave(function () {
        $("#picture_url").toggle()
      })
    }
    // 点击按钮复制封面链接到剪切板
    let clipboard = new ClipboardJS(".myclipboard") // 要使用 clipboard.js 需要声明一个clipboard实例
    $("#config_preview").attr("data-clipboard-text", trueurl)
    $("#config_preview").click(function () {
      let clipboard = new ClipboardJS("#config_preview") // 要使用 clipboard.js 需要声明一个clipboard实例
      alert("封面链接已复制到剪切板!")
    })
  }
  // 摘要
  if (state.summary_state === true) {
    let meta = $('meta[name="description"]')
    let contents = meta[0].content
    if (contents === "") {
      $("#config_summary").css("background-color", "#ffa758")
      $("#config_summary").html("摘要为空")
      $("#config_summary").attr("title", "此篇文章无摘要")
    }
    // 点击摘要复制到剪切板
    if (state.clipboard_state === true) {
      let clipboard = new ClipboardJS(".myclipboard") // 要使用 clipboard.js 需要声明一个clipboard实例
    }
    $("#meta_content").append(
      "afterend",
      '<div id="summary" class="myclipboard" title="点击复制到剪切板" data-clipboard-text="#" style="color: #b2b2b2; border-radius: 5px"></div>'
    )
    $("#summary").html("文章摘要:" + contents)
    $("#summary").attr("data-clipboard-text", contents)
    // 给摘要设置样式与效果事件
    $("#summary").css({ "text-align": "left", "font-size": "15px" }) // 设置摘要左居中
    $("#summary").mouseenter(function () {
      $("#summary").css("color", "#474747")
    })
    $("#summary").mousedown(function () {
      $("#summary").css("color", "#070707")
    })
    $("#summary").mouseup(function () {
      $("#summary").css("color", "#474747")
      $("#config_moreinfo").html("复制成功")
      $("#config_window").css("opacity", "1.0")
      $("#config_moreinfo").css("background-color", "#1b8262")
    })
    $("#summary").mouseleave(function () {
      $("#summary").css("color", "#b2b2b2")
      $("#config_window").css("opacity", "0.25")
      $("#config_moreinfo").css("background-color", "#25ae84")
      $("#config_moreinfo").html("···")
    })
  }
  // 设置摘要是否默认显示
  if (GM_getValue(summary_show_state) === false) {
    $("#summary").hide() // 设置默认隐藏摘要
  }
  //修改时间格式
  if (state.datetype_state === true) {
    $("#publish_time").trigger("click")
  }
  //隐藏引导关注栏
  if (state.recommend_state === false) {
    $(".qr_code_pc").hide()
  }
  // 默认显示设置侧边栏
  if (state.config_state === false) {
    $("#config_window").hide() // 默认隐藏设置框
  }
  // 给ESC按键添加事件:按下出现设置框
  $(document).keyup(function (event) {
    switch (event.keyCode) {
      case 27:
        $("#config_window").toggle()
    }
  })
  // 给设置菜单赋初值
  if (GM_getValue("summary_show_state") === null) {
    GM_setValue("summary_show_state", true)
  }
  // 默认显示摘要:设置菜单
  GM_registerMenuCommand("默认显示文章摘要", function () {
    if (GM_getValue(summary_show_state) === true) {
      GM_setValue(summary_show_state, false)
      alert("默认显示文章摘要:OFF")
      $("#summary").hide()
      console.log("默认显示文章摘要:" + GM_getValue(summary_show_state))
      return
    }
    if (GM_getValue(summary_show_state) === false) {
      GM_setValue(summary_show_state, true)
      alert("默认显示文章摘要:ON")
      $("#summary").show()
      console.log("默认显示文章摘要:" + GM_getValue(summary_show_state))
      return
    }
  })
})()