☰

y_method

自分用。dom取得・操作機能追加

此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.cn-greasyfork.org/scripts/419955/1051149/y_method.js 

  1. // ==UserScript==
  2. // @name         y_method
  3. // @version      0.3.1
  4. // @description  dom取得等の機能追加
  5. // @author       y_kahou
  6. // ==/UserScript==
  7.  
  8.  
  9. const y_method = {
  10.     /**
  11.      * スタイルを追加する
  12.      * @param id {string} - スタイルのID
  13.      * @param css {string} - css本体
  14.      */
  15.     addStyle: function(id, css) {
  16.         let style = document.createElement('style')
  17.         style.id = id
  18.         style.setAttribute('type', 'text/css')
  19.         style.textContent = css
  20.         document.querySelector('head').appendChild(style)
  21.     },
  22.     /**
  23.      * 対象までスクロールせずにクリックする
  24.      * @param selector {string} - 取得対象のセレクタ
  25.      */
  26.     click_: function(element) {
  27.         let x = window.scrollX, y = window.scrollY
  28.         element.click()
  29.         window.scrollTo(x, y)
  30.     },
  31.     /**
  32.      * 対象までスクロールせずにフォーカスする
  33.      * @param selector {string} - 取得対象のセレクタ
  34.      */
  35.     focus_: function(element) {
  36.         let x = window.scrollX, y = window.scrollY
  37.         element.focus()
  38.         window.scrollTo(x, y)
  39.     },
  40.     /**
  41.      * 対象のdomを取得できるまで取得を挑戦する
  42.      * @param selector {string} - 取得対象のセレクタ
  43.      * @param interval {number} - 次の挑戦までの時間ms
  44.      * @param repeat   {number} - 繰り返し回数
  45.      */
  46.     repeatGetElements: function(selector, interval = 500, repeat = 60) {
  47.         return new Promise(function(resolve, reject) {
  48.             let cnt = 0
  49.             let it = setInterval(function() {
  50.                 if (++cnt > repeat) {
  51.                     clearInterval(it)
  52.                     reject("Could'n get " + selector)
  53.                 }
  54.                 let ret = document.querySelectorAll(selector)
  55.                 if (ret.length > 0) {
  56.                     clearInterval(it)
  57.                     resolve(ret)
  58.                 }
  59.             }, interval)
  60.         })
  61.     },
  62.     /**
  63.      * src込みのvideo要素の取得
  64.      */
  65.     getVideo: async function(selector = 'video') {
  66.         let video
  67.         for (var i = 0; i < 60; i++) {
  68.             video = await repeatGetElements(selector)
  69.             if (video[0].getAttribute('src'))
  70.                 break
  71.             await wait(500)
  72.         }
  73.         return video
  74.     },
  75.  
  76.     /**
  77.      * ファイル名に使えない文字を半角から全角へ変換する
  78.      * @param name {string} - ファイル名
  79.      */
  80.     filenameEscape: function(name) {
  81.         const target = ['\\', '/', ':', '*', '?', '"', '<', '>', '|', ]
  82.         const rep = ['＼', '／', '：', '＊', '？', '”', '＜', '＞', '｜', ]
  83.         let ename = name
  84.         for (let i = 0; i < target.length; i++) {
  85.             ename = ename.replaceAll(target[i], rep[i])
  86.         }
  87.         return ename
  88.     },
  89.     
  90.     /**
  91.      * pagetransitionイベントを発火
  92.      * target: document
  93.      * event: pagetransition
  94.      */
  95.     TriggerPagetransition: function() {
  96.         const event = new CustomEvent('pagetransition', { detail: location.href });
  97.         document.dispatchEvent(event);
  98.     },
  99.     /**
  100.      * SPA等のページ遷移をイベントで検知できるようにする
  101.      * target: document
  102.      * event: pagetransition
  103.      */
  104.     DetectPagetransition: function() {
  105.         let agoHref = location.href;
  106.         new MutationObserver(() => {
  107.             if (agoHref != location.href) {
  108.                 y_method.TriggerPagetransition();
  109.                 agoHref = location.href;
  110.             }
  111.         })
  112.         .observe(document.body, { childList: true, subtree: true ,attributes: true })
  113.     },
  114.     /**
  115.      * 指定のページごとのcssと初期動作関数List
  116.      * @param launcherList [{match, css, run},]
  117.      * @param match url RegExp
  118.      * @param css css text
  119.      * @param run function
  120.      */
  121.     PageLauncher: function(launcherList) {
  122.         document.addEventListener('pagetransition', e => {
  123.             for (const s of document.querySelectorAll('.spa-style')) {
  124.                 s.outerHTML = '';
  125.             }
  126.             for (const d of launcherList) {
  127.                 if (new RegExp(d.match).test(location.href)) {
  128.                     let style = document.createElement('style')
  129.                     style.className = 'spa-style'
  130.                     style.setAttribute('type', 'text/css')
  131.                     style.textContent = d.css
  132.                     document.head.appendChild(style)
  133.                     if (d.run && typeof d.run === 'function') d.run();
  134.                 }
  135.             }
  136.         })
  137.     },
  138. }
  139.  
  140. if (window.jQuery) (function($) {
  141.     /**
  142.      * 対象までスクロールせずにクリックする
  143.      */
  144.     $.fn.click_ = function() {
  145.         y_method.click_(this[0])
  146.         return this
  147.     }
  148.     /**
  149.      * 対象までスクロールせずにフォーカスする
  150.      */
  151.     $.fn.focus_ = function() {
  152.         y_method.focus_(this[0])
  153.         return this
  154.     }
  155. })(window.jQuery);