您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
生成简书侧边栏目录、去除侧边广告、滚动隐藏顶部导航栏
// ==UserScript== // @name 简书阅读增强脚本 // @namespace https://github.com/pcy190/TamperMonkeyScript // @version 1.2 // @description 生成简书侧边栏目录、去除侧边广告、滚动隐藏顶部导航栏 // @author HAPPY // @match http://www.jianshu.com/p/* // @match https://www.jianshu.com/p/* // @grant none // @require http://code.jquery.com/jquery-latest.js // ==/UserScript== var menuIndex = 0; //初始化标题索引 // 在侧边栏中添加目录项 function appendMenuItem(tagName,id,content){ console.log(tagName+" "+tagName.substring(1)); let paddingLeft = tagName.substring(1) * 10; //添加标题缩进 tagName.substring(1) * 30 $('#menu_nav_ol').append('<li class="' + id +'" style="padding-left: '+ paddingLeft +'px;cursor:pointer;transform:translate(0,-10px);"><b>' + content + '</b></li>'); } (function() { 'use strict'; //去除广告#fixed-ad-container document.getElementById("fixed-ad-container").style.display="none"; // 使文章区域宽度适配屏幕 let wider = $('.note').width() - 300; let oriWidth = $('.post').width(); console.log(wider); console.log(oriWidth); if (wider < oriWidth){ wider = oriWidth; } // 适配宽度 $('.post').width(wider); // 保存标题元素 let titles = $('body').find('h1,h2,h3,h4,h5,h6'); if(titles.length === 0){ return; } // 将文章内容右移 $('.post').css('padding-left','150px'); // 在 body 标签内部添加 aside 侧边栏,用于显示文档目录 let contentHeight = window.innerHeight; //设置目录高度 let asideContent = '<aside id="sideMenu" style="position: fixed;padding: 80px 15px 20px 15px;top: 0;left: 0;margin-bottom:20px;background-color: #eee;background-color: #eee;z-index: 810;overflow: scroll;max-height:'+contentHeight+'px;min-height:'+contentHeight+'px;min-width:100px;max-width:250px;"><h3>目录<h3></aside>'; $('.show-content').prepend(asideContent); $('#sideMenu').append('<ol id="menu_nav_ol" style="list-style:none;margin:0px;padding:0px;">');// 不显示 li 项前面默认的点标志, 也不使用默认缩进 // 遍历文章中的所有标题行, 按需添加id值, 并增加记录到目录列表中 titles.each(function(){ let tagName = $(this)[0].tagName.toLocaleLowerCase(); let content = $(this).text(); // 若标题的id不存在,则使用新id let newTagId =$(this).attr('id'); if(!$(this).attr('id')){ newTagId = 'id_'+menuIndex; $(this).attr('id',newTagId); menuIndex++; } if(newTagId !=='id_0') //忽略标题 appendMenuItem(tagName,newTagId,content); }); $('#sideMenu').append('</ol>'); // 绑定目录li点击事件,点击时跳转到对应的位置 $('#menu_nav_ol li').on('click',function(){ let targetId = $(this).attr('class'); $("#"+targetId)[0].scrollIntoView({ behavior: "smooth", //behavior: "auto" | "instant" | "smooth" block: "center", //block: "start" | "center" | "end" | "nearest" inline: "nearest", //inline: "start" | "center" | "end" | "nearest" }); }); })(); var style = document.createElement('style'); style.id="__web-inspector-hide-shortcut-style__"; style.type = 'text/css'; style.innerHTML=".__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, \.__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after\ {\ visibility: hidden !important;\ }"; document.getElementsByTagName('HEAD').item(0).appendChild(style); let top_nav=document.evaluate("/html/body/nav", document).iterateNext(); let scrollFunc = function (e) { e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件 if (e.wheelDelta > 0) { top_nav.className="navbar navbar-default navbar-fixed-top"; } if (e.wheelDelta < -100) { //当滑轮向下滚动时 < 0 top_nav.className="navbar navbar-default navbar-fixed-top __web-inspector-hide-shortcut__"; } } else if (e.detail) { //Firefox滑轮事件 if (e.detail> 0) { //当滑轮向上滚动时 top_nav.className="navbar navbar-default navbar-fixed-top"; } if (e.detail< -100) { //当滑轮向下滚动时 top_nav.className="navbar navbar-default navbar-fixed-top __web-inspector-hide-shortcut__"; } } } //绑定滚动事件 window.onmousewheel = document.onmousewheel = scrollFunc; //滚动滑轮触发scrollFunc方法 //ie 谷歌 if (document.addEventListener) {//firefox document.addEventListener('DOMMouseScroll', scrollFunc, false); }