☰

Feedly Scroll Marker

Display the marker of page scroll in Feedly. / Feedlyでページスクロールしたときにマーカーを表示します。

当前为 2014-05-13 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name    Feedly Scroll Marker
  3. // @description    Display the marker of page scroll in Feedly. / Feedlyでページスクロールしたときにマーカーを表示します。
  4. // @id    FeedlyScrollMarker
  5. // @namespace    http://userscripts.org/scripts/show/174679
  6. // @homepage    https://userscripts.org/scripts/show/174679
  7. // @include    http://feedly.com/*
  8. // @include    https://feedly.com/*
  9. // @version    1.02
  10. // @grant    GM_addStyle
  11. // ==/UserScript==
  12.  
  13. (function() {
  14.  
  15. try { if (typeof localStorage !== 'object') return alert('FSM Error: DOM Storage'); }
  16. catch(er) { return alert('FSM Error: DOM Storage'); }
  17. var $id = function(id) { return document.getElementById(id); }, iInit;
  18.  
  19. var init = function() {
  20.   var nScrPos = 0, nTime = 750, shift = false, iMarker, st;
  21.   var ism = document.createElement('div');
  22.   ism.id = 'fsm_scroll_marker';
  23.   document.body.appendChild(ism);
  24.   var CSS = [
  25.     '#fsm_settings { display: none; color: black; position: absolute; top: 68px; left: 68px; z-index: 90200; background: rgba(255, 255, 255, 0.98); border: 1px solid #999999; border-radius: 4px; min-width: 35em; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }',
  26.     '#fsm_s_titlebar { background-color: #666666; border-radius: 4px 4px 0 0; padding: 2px 0 0 4px; height: 2em; }',
  27.     '#fsm_s_title a { font-size: 110%; font-weight: bold; color: white; text-decoration: none; }',
  28.     '#fsm_s_title a:hover { color: #FFFF99; }',
  29.     '#fsm_s_btn { position: absolute; top: 2px; right: 4px; }',
  30.     '#fsm_s_ok { margin-right: 0.5em; padding: 0 2em; }',
  31.     '#fsm_s_cancel { padding: 0 1ex; }',
  32.     '#fsm_s_ok, #fsm_s_cancel { font-size: 80%; }',
  33.     '#fsm_s_body { padding: 0.5em 1em; }',
  34.     '#fsm_s_body fieldset { margin: 4px 2px; background: rgba(255, 255, 255, 0); }',
  35.     '#fsm_s_body input { margin-left: 0.5em; text-align: center; width: 6ex; }',
  36.     '#fsm_s_body input[type="checkbox"] { vertical-align: middle; width: auto; }',
  37.     '#fsm_s_time { vertical-align: inherit; }',
  38.     '#fsm_scroll_marker { position: absolute; width: 100%; height: 4px; margin-top: -2px; background: rgba(255,0,0,0.25); display: none; z-index: 88800; }'
  39.   ].join('');
  40.   GM_addStyle(CSS);
  41.   
  42.   var locale_ja = [
  43.     '設定',
  44.     'キャンセル',
  45.     'マーカーを表示する時間 (ミリ秒):',
  46.     'マーカーを表示するショートカットキー'
  47.   ];
  48.   var locale_en = [
  49.     'Settings',
  50.     'Cancel',
  51.     'Time to display the marker (msec):',
  52.     'Keyboard shortcut to display the marker'
  53.   ];
  54.   var loc = (window.navigator.language === 'ja') ? locale_ja : locale_en;
  55.   
  56.   var currentEntry = function() {
  57.     var t1 = 'pageActionLayout', t2 = 'pageLayoutAction selected';
  58.     var fo = ($id(t1 + '0').className === t2) ? 'T'
  59.             : ($id(t1 + '4').className === t2) ? 'M'
  60.             : ($id(t1 + '6').className === t2) ? 'C'
  61.             : ($id(t1 + '100').className === t2) ? 'F' : '';
  62.     switch (fo) {
  63.       case 'T': case 'M': case 'C':
  64.         return document.evaluate('id("timeline")//div[contains(concat(" ", @class, " "), " inlineFrame ")]', document, null, 9, null).singleNodeValue;
  65.       case 'F':
  66.         return document.evaluate('id("timeline")//div[contains(concat(" ", @class, " "), " selectedEntry ")]', document, null, 9, null).singleNodeValue;
  67.       default:
  68.         return document.evaluate('id("mainArea")//div[contains(concat(" ", @class, " "), " inlineFrame ")]', document, null, 9, null).singleNodeValue;
  69.     }
  70.   };
  71.   
  72.   var viewSettings = function() {
  73.     if ($id('fsm_settings').style.display === 'block') {
  74.       $id('fsm_settings').style.display = 'none';
  75.       return;
  76.     }
  77.     $id('fsm_s_time').value = st.time;
  78.     $id('fsm_s_key_page').checked = (st.key_page) ? true : false;
  79.     $id('fsm_s_key_space').checked = (st.key_space) ? true : false;
  80.     $id('fsm_settings').style.display = 'block';
  81.   };
  82.   
  83.   var loadSettings = function() {
  84.     st = {};
  85.     try {
  86.       st = JSON.parse(localStorage.getItem('FeedlyScrollMarker_settings')) || {};
  87.     } catch(er) { alert('FSM Error: Load Settings'); }
  88.     var notB = function(a) {
  89.       return (typeof a !== 'boolean') ? true : false;
  90.     };
  91.     var notN = function(a) {
  92.       return (typeof a !== 'number') ? true : false;
  93.     };
  94.     if (notN(st.time)) st.time = nTime;
  95.     if (notB(st.key_page)) st.key_page = true;
  96.     if (notB(st.key_space)) st.key_space = true;
  97.   };
  98.   
  99.   var saveSettings = function() {
  100.     try {
  101.       localStorage.setItem('FeedlyScrollMarker_settings', JSON.stringify(st));
  102.     } catch(er) { alert('FSM Error: Save Settings'); }
  103.   };
  104.   
  105.   var div = document.createElement('div');
  106.   div.id = 'fsm_settings';
  107.   document.body.appendChild(div);
  108.   $id('fsm_settings').innerHTML = '<div id="fsm_s_titlebar"><div id="fsm_s_title"><a href="https://userscripts.org/scripts/show/174679" target="_blank">Feedly Scroll Marker ' + loc[0] + '</a></div><div id="fsm_s_btn"><input type="button" id="fsm_s_ok" value="OK"><input type="button" id="fsm_s_cancel" value="' + loc[1] + '"></div></div><div id="fsm_s_body"><label>' + loc[2] + '<input id="fsm_s_time" type="text" maxlength="4"></label><fieldset><legend>' + loc[3] + ' : </legend><label><input id="fsm_s_key_page" type="checkbox">PageUp / PageDown</label><br><label><input id="fsm_s_key_space" type="checkbox">Space / Shift+Space</label></fieldset></div>';
  109.   
  110.   if ($id('feedlyTabs')) {
  111.     var div1 = document.evaluate('id("feedlyTabs")/div[2]/div[@style="margin-top:32px; margin-bottom:32px"]', document, null, 9, null).singleNodeValue;
  112.     if (div1) {
  113.       var div2 = document.createElement('div');
  114.       div2.className = 'tab';
  115.       div2.innerHTML = '<div class="header target"><div id="fsm_settings-menu" style="color:inherit; padding-left:32px;" target="new" class="label">Scroll Marker ' + loc[0] + '</div></div>';
  116.       window.setTimeout(function() {
  117.         div1.appendChild(div2);
  118.       }, 1500);
  119.     }
  120.   }
  121.   
  122.   document.addEventListener('keydown', function(e) {
  123.     if (!/^input|^textarea/i.test(e.target.tagName) && st.time !== 0) {
  124.         if (
  125.         (st.key_page && e.keyCode === 33) ||
  126.         (st.key_page && e.keyCode === 34) ||
  127.         (st.key_space && e.keyCode === 32)
  128.       ) {
  129.         ism.style.display = 'none';
  130.         nScrPos = document.body.scrollTop;
  131.         if (e.shiftKey) shift = true;
  132.       } else if (e.keyCode === 13) {
  133.         if (currentEntry()) {
  134.           window.clearTimeout(iMarker);
  135.           ism.style.display = 'none';
  136.         }
  137.       } else if (ism.style.display !== 'none') {
  138.         window.clearTimeout(iMarker);
  139.         ism.style.display = 'none';
  140.       }
  141.     }
  142.   }, true);
  143.   
  144.   document.addEventListener('keyup', function(e) {
  145.     if (!/^input|^textarea/i.test(e.target.tagName) && st.time !== 0) {
  146.       var sch = document.body.clientHeight;
  147.       var sst = document.body.scrollTop;
  148.       if (
  149.         (st.key_page && e.keyCode === 33) ||
  150.         (st.key_space && e.keyCode === 32 && e.shiftKey)
  151.       ) {
  152.         if (nScrPos !== sst) {
  153.           ism.style.display = 'block';
  154.           ism.style.top = (nScrPos - (ism.scrollHeight / 2)) + 'px';
  155.           window.clearTimeout(iMarker);
  156.           if (st.time > 0) {
  157.             iMarker = window.setTimeout(function() {
  158.               window.clearTimeout(iMarker);
  159.               ism.style.display = 'none';
  160.             }, st.time);
  161.           }
  162.         }
  163.         shift = false;
  164.       } else if (
  165.         (st.key_page && e.keyCode === 34) ||
  166.         (st.key_space && e.keyCode === 32 && !e.shiftKey)
  167.       ) {
  168.         if (nScrPos !== sst) {
  169.           ism.style.display = 'block';
  170.           ism.style.top = (nScrPos + sch + (ism.scrollHeight / 2)) + 'px';
  171.           window.clearTimeout(iMarker);
  172.           if (st.time > 0) {
  173.             iMarker = window.setTimeout(function() {
  174.               window.clearTimeout(iMarker);
  175.               ism.style.display = 'none';
  176.             }, st.time);
  177.           }
  178.         }
  179.         shift = false;
  180.       }
  181.     }
  182.   }, true);
  183.   
  184.   document.addEventListener('click', function(e) {
  185.     if (e.button >= 2) return;
  186.     if (e.target.id === 'fsm_settings-menu') {
  187.       viewSettings();
  188.     } else if (e.target.id === 'fsm_s_ok') {
  189.       var time = $id('fsm_s_time').value, problem = false;
  190.       if (time === '' || /^\s+$/.test(time)) st.time = nTime;
  191.       else if (time && !isNaN(time)) st.time = Number(time);
  192.       else problem = true;
  193.       if (!problem) {
  194.         st.key_page = $id('fsm_s_key_page').checked;
  195.         st.key_space = $id('fsm_s_key_space').checked;
  196.         $id('fsm_s_ok').blur();
  197.         $id('fsm_settings').style.display = 'none';
  198.         saveSettings();
  199.       }
  200.     } else if (e.target.id === 'fsm_s_cancel') {
  201.       $id('fsm_s_cancel').blur();
  202.       $id('fsm_settings').style.display = 'none';
  203.     } else if (ism.style.display !== 'none') {
  204.       window.clearTimeout(iMarker);
  205.       ism.style.display = 'none';
  206.     }
  207.   }, false);
  208.   loadSettings();
  209. };
  210.  
  211. iInit = window.setInterval(function() {
  212.   if ($id('feedlyPage') && $id('pageActionRefresh')) {
  213.     window.clearInterval(iInit);
  214.     window.setTimeout(function() {
  215.       init();
  216.     }, 1000);
  217.   }
  218. }, 500);
  219.  
  220. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址