☰

YN-SearchOrigin

Find the original article of the article of Yahoo News Japan.

  1. // ==UserScript==
  2. // @name            YN-SearchOrigin
  3. // @name:ja         Yahoo!ニュースの元記事を探す
  4. // @namespace       https://furyutei.work
  5. // @license         MIT
  6. // @version         0.1.16
  7. // @description     Find the original article of the article of Yahoo News Japan.
  8. // @description:ja  Yahoo!ニュースの記事の、元となった記事探しを助けます
  9. // @author          furyu
  10. // @match           https://news.yahoo.co.jp/*
  11. // @match           https://www.google.com/search*
  12. // @grant           none
  13. // @compatible      chrome
  14. // @compatible      firefox
  15. // @supportURL      https://github.com/furyutei/YN-SearchOrigin/issues
  16. // @contributionURL https://memo.furyutei.work/about#send_donation
  17. // ==/UserScript==
  18.  
  19. ( async () => {
  20. 'use strict';
  21.  
  22. const
  23.     SCRIPT_NAME = 'YN-SearchOrigin',
  24.     DEBUG = false,
  25.     
  26.     IMAGE_ALT_TO_HOSTNAME_MAP = Object.assign( Object.create( null ), {
  27.         'THE PAGE' : null,
  28.         '47NEWS' : 'www.47news.jp',
  29.         'テレビ朝日系（ANN）' : 'news.tv-asahi.co.jp',
  30.         'Impress Watch' : 'watch.impress.co.jp',
  31.     } ),
  32.     
  33.     HOSTNAME_TO_VALID_HOSTNAME_MAP = Object.assign( Object.create( null ), {
  34.         'news.yahoo.co.jp' : null,
  35.         'www.watch.impress.co.jp' : 'watch.impress.co.jp',
  36.         'japanese.yonhapnews.co.kr' : 'jp.yna.co.kr',
  37.     } ),
  38.     
  39.     CONTROL_CONTAINER_CLASS = SCRIPT_NAME + '-control-container',
  40.     SEARCH_BUTTON_CLASS = SCRIPT_NAME + '-search-button',
  41.     MODE_SELECTOR_CLASS = SCRIPT_NAME + '-mode-selector',
  42.     SEARCHING_CLASS = SCRIPT_NAME + '-searching',
  43.     CSS_STYLE_CLASS = SCRIPT_NAME + '-css-rule',
  44.     
  45.     SEARCH_BUTTON_TEXT = '元記事検索',
  46.     MODE_SELECTOR_AUTO_TEXT = '自動',
  47.     
  48.     PAGE_TRANSITION_DELAY = 800, // TODO: Chromeで、ページ遷移までの時間が短すぎると(?) history に記録されない場合がある模様→止むをえず、遅延させている
  49.     
  50.     self = undefined,
  51.     
  52.     format_date = ( date, format, is_utc ) => {
  53.         if ( ! format ) {
  54.             format = 'YYYY-MM-DD hh:mm:ss.SSS';
  55.         }
  56.         
  57.         let msec = ( '00' + ( ( is_utc ) ? date.getUTCMilliseconds() : date.getMilliseconds() ) ).slice( -3 ),
  58.             msec_index = 0;
  59.         
  60.         if ( is_utc ) {
  61.             format = format
  62.                 .replace( /YYYY/g, date.getUTCFullYear() )
  63.                 .replace( /MM/g, ( '0' + ( 1 + date.getUTCMonth() ) ).slice( -2 ) )
  64.                 .replace( /DD/g, ( '0' + date.getUTCDate() ).slice( -2 ) )
  65.                 .replace( /hh/g, ( '0' + date.getUTCHours() ).slice( -2 ) )
  66.                 .replace( /mm/g, ( '0' + date.getUTCMinutes() ).slice( -2 ) )
  67.                 .replace( /ss/g, ( '0' + date.getUTCSeconds() ).slice( -2 ) )
  68.                 .replace( /S/g, ( all ) => {
  69.                     return msec.charAt( msec_index ++ );
  70.                 } );
  71.         }
  72.         else {
  73.             format = format
  74.                 .replace( /YYYY/g, date.getFullYear() )
  75.                 .replace( /MM/g, ( '0' + ( 1 + date.getMonth() ) ).slice( -2 ) )
  76.                 .replace( /DD/g, ( '0' + date.getDate() ).slice( -2 ) )
  77.                 .replace( /hh/g, ( '0' + date.getHours() ).slice( -2 ) )
  78.                 .replace( /mm/g, ( '0' + date.getMinutes() ).slice( -2 ) )
  79.                 .replace( /ss/g, ( '0' + date.getSeconds() ).slice( -2 ) )
  80.                 .replace( /S/g, ( all ) => {
  81.                     return msec.charAt( msec_index ++ );
  82.                 } );
  83.         }
  84.         
  85.         return format;
  86.     },
  87.     
  88.     get_gmt_datetime = ( time, is_msec ) => {
  89.         let date = new Date( ( is_msec ) ? time : 1000 * time );
  90.         
  91.         return format_date( date, 'YYYY-MM-DD_hh:mm:ss_GMT', true );
  92.     },
  93.     
  94.     get_log_timestamp = () => format_date( new Date() ),
  95.     
  96.     log_debug = ( ... args ) => {
  97.         if ( ! DEBUG ) {
  98.             return;
  99.         }
  100.         console.debug( '%c[' + SCRIPT_NAME + '] ' + get_log_timestamp(), 'color: gray;', ... args );
  101.     },
  102.     
  103.     log = ( ... args ) => {
  104.         console.log( '%c[' + SCRIPT_NAME + '] ' + get_log_timestamp(), 'color: teal;', ... args );
  105.     },
  106.     
  107.     log_info = ( ... args ) => {
  108.         console.info( '%c[' + SCRIPT_NAME + '] ' + get_log_timestamp(), 'color: darkslateblue;', ... args );
  109.     },
  110.     
  111.     log_error = ( ... args ) => {
  112.         console.error( '%c[' + SCRIPT_NAME + '] ' + get_log_timestamp(), 'color: purple;', ... args );
  113.     },
  114.     
  115.     current_url_object = new URL( location.href ),
  116.     
  117.     WindowNameStorage = class {
  118.         constructor( target_window, storage_name ) {
  119.             const
  120.                 self = this;
  121.             
  122.             self.init( target_window, storage_name );
  123.         }
  124.         
  125.         init( target_window, storage_name ) {
  126.             const
  127.                 self = this;
  128.             
  129.             Object.assign( self, {
  130.                 target_window,
  131.                 storage_name,
  132.             } );
  133.             
  134.             return self;
  135.         }
  136.         
  137.         get value() {
  138.             const
  139.                 self = this,
  140.                 target_window = self.target_window,
  141.                 storage_name = self.storage_name;
  142.             
  143.             if ( ( ! target_window ) || ( ! storage_name ) ) {
  144.                 return {};
  145.             }
  146.             
  147.             try {
  148.                 return JSON.parse( target_window.name )[ storage_name ] || {};
  149.             }
  150.             catch ( error ) {
  151.                 return {};
  152.             }
  153.         }
  154.         
  155.         set value( spec_value ) {
  156.             this.target_window.name = this.get_name( spec_value );
  157.         }
  158.         
  159.         get_name( spec_value ) {
  160.             const
  161.                 self = this,
  162.                 target_window = self.target_window,
  163.                 storage_name = self.storage_name;
  164.             
  165.             let original_name_params = {};
  166.             
  167.             if ( target_window ) {
  168.                 try {
  169.                     original_name_params = JSON.parse( target_window.name );
  170.                     if ( ! ( original_name_params instanceof Object ) ) {
  171.                         original_name_params = {};
  172.                     }
  173.                 }
  174.                 catch ( error ) {
  175.                     original_name_params = {};
  176.                 }
  177.             }
  178.             
  179.             try {
  180.                 if ( storage_name ) {
  181.                     if ( spec_value === undefined ) {
  182.                         delete original_name_params[ storage_name ];
  183.                     }
  184.                     else {
  185.                         original_name_params[ storage_name ] = spec_value;
  186.                     }
  187.                 }
  188.                 return JSON.stringify( original_name_params );
  189.             }
  190.             catch ( error ) {
  191.                 return '';
  192.             }
  193.         }
  194.     },
  195.     
  196.     WindowControl = class {
  197.         constructor( url = null, options = {} ) {
  198.             const
  199.                 self = this;
  200.             
  201.             self.initial_url = url;
  202.             self.child_window_counter = 0;
  203.             self.existing_window = null;
  204.             
  205.             if ( ! url ) {
  206.                 return;
  207.             }
  208.             
  209.             self.open( url, options );
  210.         }
  211.         
  212.         open( url, options ) {
  213.             const
  214.                 self = this;
  215.             
  216.             if ( ! options ) {
  217.                 options = {};
  218.             }
  219.             
  220.             let child_window = options.existing_window || self.existing_window;
  221.             
  222.             if ( ! options.child_call_parameters ) {
  223.                 options.child_call_parameters = {};
  224.             }
  225.             
  226.             try {
  227.                 Object.assign( options.child_call_parameters, {
  228.                     script_name : SCRIPT_NAME,
  229.                     child_window_id : '' + ( new Date().getTime() ) + '-' + ( ++ self.child_window_counter ),
  230.                     transition_complete : false,
  231.                 } );
  232.             }
  233.             catch ( error ) {
  234.                 log_error( error );
  235.             }
  236.             
  237.             if ( child_window ) {
  238.                 new WindowNameStorage( child_window, SCRIPT_NAME ).value = options.child_call_parameters;
  239.                 
  240.                 if ( child_window.location.href != url ) {
  241.                     setTimeout( () => {
  242.                         child_window.location.href = url;
  243.                     }, PAGE_TRANSITION_DELAY );
  244.                 }
  245.             }
  246.             else {
  247.                 child_window = window.open( url, new WindowNameStorage( null, SCRIPT_NAME ).get_name( options.child_call_parameters ) );
  248.                 //new WindowNameStorage( child_window, SCRIPT_NAME ).value = options.child_call_parameters;
  249.             }
  250.             
  251.             self.existing_window = child_window;
  252.             
  253.             return self;
  254.         }
  255.         
  256.         close() {
  257.             const
  258.                 self = this;
  259.             
  260.             if ( ! self.existing_window ) {
  261.                 return self;
  262.             }
  263.             
  264.             try {
  265.                 self.existing_window.close();
  266.             }
  267.             catch ( error ) {
  268.             }
  269.             self.existing_window = null;
  270.             
  271.             return self;
  272.         }
  273.     },
  274.     
  275.     ModeControl = class {
  276.         constructor() {
  277.             this.storage_mode_info_name = SCRIPT_NAME + '-mode_info';
  278.             this.load_mode_info();
  279.         }
  280.         
  281.         load_mode_info() {
  282.             try {
  283.                 this.mode_info = JSON.parse( localStorage.getItem( this.storage_mode_info_name ) );
  284.             }
  285.             catch ( error ) {
  286.             }
  287.             
  288.             if ( ! this.mode_info ) {
  289.                 this.mode_info = {};
  290.             }
  291.             
  292.             if ( Object.keys( this.mode_info ).length <= 0 ) {
  293.                 this.mode_info = {
  294.                     is_automode : false,
  295.                 };
  296.             }
  297.         }
  298.         
  299.         save_mode_info() {
  300.             localStorage.setItem( this.storage_mode_info_name, JSON.stringify( this.mode_info ) );
  301.         }
  302.         
  303.         get is_automode() {
  304.             return this.mode_info.is_automode;
  305.         }
  306.         
  307.         set is_automode( specified_mode ) {
  308.             this.mode_info.is_automode = !! specified_mode;
  309.             this.save_mode_info();
  310.         }
  311.         
  312.         create_control_element() {
  313.             const
  314.                 self = this,
  315.                 control_element = document.createElement( 'label' ),
  316.                 automode_checkbox = document.createElement( 'input' );
  317.             
  318.             
  319.             control_element.className = MODE_SELECTOR_CLASS;
  320.             control_element.textContent = MODE_SELECTOR_AUTO_TEXT;
  321.             
  322.             automode_checkbox.type = 'checkbox';
  323.             automode_checkbox.checked = self.is_automode;
  324.             
  325.             automode_checkbox.addEventListener( 'change', ( event ) => {
  326.                 event.stopPropagation();
  327.                 event.preventDefault();
  328.                 self.is_automode = automode_checkbox.checked;
  329.             } );
  330.             
  331.             control_element.firstChild.before( automode_checkbox );
  332.             
  333.             return control_element;
  334.         }
  335.     },
  336.     
  337.     searching_icon_control = new class {
  338.         constructor() {
  339.             const
  340.                 self = this;
  341.             
  342.             self.searching_container = null;
  343.         }
  344.         
  345.         create() {
  346.             const
  347.                 self = this;
  348.             
  349.             if ( self.searching_container ) {
  350.                 return self;
  351.             }
  352.             
  353.             const
  354.                 searching_icon_svg = '<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" fill="none" r="10" stroke-width="4" style="stroke: currentColor; opacity: 0.4;"></circle><path d="M 12,2 a 10 10 -90 0 1 9,5.6" fill="none" stroke="currentColor" stroke-width="4" />',
  355.                 searchin_icon = document.createElement( 'div' ),
  356.                 searching_container = self.searching_container = document.createElement( 'div' );
  357.             
  358.             searchin_icon.className = 'icon';
  359.             searchin_icon.insertAdjacentHTML( 'beforeend', searching_icon_svg );
  360.             
  361.             searching_container.className = SEARCHING_CLASS;
  362.             searching_container.appendChild( searchin_icon );
  363.             
  364.             document.documentElement.appendChild( searching_container );
  365.             return self;
  366.         }
  367.         
  368.         hide() {
  369.             const
  370.                 self = this;
  371.             
  372.             if ( ! self.searching_container ) {
  373.                 return self;
  374.             }
  375.             
  376.             self.searching_container.classList.add( 'hidden' );
  377.             return self;
  378.         }
  379.         
  380.         show() {
  381.             const
  382.                 self = this;
  383.             
  384.             if ( ! self.searching_container ) {
  385.                 return self;
  386.             }
  387.             
  388.             self.searching_container.classList.remove( 'hidden' );
  389.             return self;
  390.         }
  391.     },
  392.     
  393.     get_search_hostname = ( site_link ) => {
  394.         let image_alt = ( site_link.querySelector( 'img[alt]' ) || {} ).alt,
  395.             hostname = ( image_alt in IMAGE_ALT_TO_HOSTNAME_MAP ) ? IMAGE_ALT_TO_HOSTNAME_MAP[ image_alt ] : new URL( site_link.href ).hostname;
  396.         
  397.         if ( hostname ) {
  398.             hostname = hostname.replace( /^www\./, '' );
  399.         }
  400.         
  401.         if ( hostname && ( hostname in HOSTNAME_TO_VALID_HOSTNAME_MAP ) ) {
  402.             hostname = HOSTNAME_TO_VALID_HOSTNAME_MAP[ hostname ];
  403.         }
  404.         
  405.         return hostname;
  406.     },
  407.     
  408.     get_search_info = () => {
  409.         const
  410.             site_link = document.querySelector( 'main[id="contents"] div[id="contentsWrap"] > article > header > div > div:last-child > a' );
  411.         
  412.         if ( ! site_link ) {
  413.             return null;
  414.         }
  415.         
  416.         const
  417.             hostname = get_search_hostname( site_link );
  418.         
  419.         if ( ! hostname ) {
  420.             return null;
  421.         }
  422.         
  423.         const
  424.             keyword = ( ( document.querySelector( 'main[id="contents"] div[id="contentsWrap"] > article > header > h1' ) || {} ).textContent || ( ( document.querySelector( 'meta[property="og:title"]' ) || {} ).content || document.title ).replace( /([(（].*?[）)])?\s*-[^\-]*$/, '' ) || '' ).trim();
  425.         
  426.         return {
  427.             site_link,
  428.             hostname,
  429.             keyword,
  430.             search_url : 'https://www.google.com/search?ie=UTF-8&q=' + encodeURIComponent( 'site:' + hostname + ' ' + keyword ),
  431.         };
  432.     },
  433.     
  434.     create_control_container = ( parameters ) => {
  435.         if ( ! parameters ) {
  436.             parameters = {};
  437.         }
  438.         
  439.         let container = document.createElement( 'div' );
  440.         
  441.         container.className = CONTROL_CONTAINER_CLASS;
  442.         
  443.         return container;
  444.     },
  445.     
  446.     create_button = ( parameters ) => {
  447.         if ( ! parameters ) {
  448.             parameters = {};
  449.         }
  450.         let button = document.createElement( 'a' );
  451.         
  452.         button.className = SEARCH_BUTTON_CLASS;
  453.         button.textContent = SEARCH_BUTTON_TEXT;
  454.         button.href = parameters.url ? parameters.url : '#';
  455.         
  456.         if ( parameters.onclick ) {
  457.             button.addEventListener( 'click', parameters.onclick );
  458.         }
  459.         
  460.         return button;
  461.     },
  462.     
  463.     child_called_parameters = new WindowNameStorage( window, SCRIPT_NAME ).value,
  464.     is_child_page = child_called_parameters.script_name,
  465.     is_auto_transition_page = ! child_called_parameters.transition_complete,
  466.     
  467.     check_pickup_page = () => {
  468.         log_debug( 'check_pickup_page()' );
  469.         
  470.         if ( document.querySelector( '.' + SEARCH_BUTTON_CLASS ) ) {
  471.             return true;
  472.         }
  473.         
  474.         const
  475.             readmore_link = document.querySelector( '[data-ylk^="rsec:tpc_main;slk:headline;pos:"]' );
  476.         
  477.         if ( ! readmore_link ) {
  478.             return false;
  479.         }
  480.         
  481.         let
  482.             container = create_control_container(),
  483.             mode_control = new ModeControl(),
  484.             button = create_button( {
  485.                 url : readmore_link.href,
  486.                 onclick : ( event ) => {
  487.                     event.stopPropagation();
  488.                     event.preventDefault();
  489.                     
  490.                     new WindowControl( readmore_link.href );
  491.                 },
  492.             } );
  493.         
  494.         container.appendChild( button );
  495.         button.after( mode_control.create_control_element() );
  496.         readmore_link.after( container );
  497.         
  498.         if ( is_auto_transition_page && mode_control.is_automode ) {
  499.             new WindowControl( readmore_link.href, {
  500.                 existing_window : window,
  501.             } );
  502.         }
  503.         
  504.         return true;
  505.     },
  506.     
  507.     check_article_page = () => {
  508.         log_debug( 'check_article_page()' );
  509.         
  510.         if ( document.querySelector( '.' + SEARCH_BUTTON_CLASS ) ) {
  511.             return true;
  512.         }
  513.         
  514.         const
  515.             search_info = get_search_info();
  516.         
  517.         log_debug( 'search_info', search_info );
  518.         
  519.         if ( ! search_info ) {
  520.             return false;
  521.         }
  522.         
  523.         let
  524.             container = create_control_container(),
  525.             mode_control = new ModeControl(),
  526.             button = create_button( {
  527.                 url : search_info.search_url,
  528.                 onclick : ( event ) => {
  529.                     event.stopPropagation();
  530.                     event.preventDefault();
  531.                     
  532.                     new WindowControl( search_info.search_url, {
  533.                         child_call_parameters : {
  534.                             hostname : search_info.hostname,
  535.                             keyword : search_info.keyword,
  536.                         },
  537.                     } );
  538.                 },
  539.             } );
  540.         
  541.         container.appendChild( button );
  542.         button.after( mode_control.create_control_element() );
  543.         search_info.site_link.after( container );
  544.         
  545.         if ( is_auto_transition_page && mode_control.is_automode ) {
  546.             new WindowControl( search_info.search_url, {
  547.                 existing_window : window,
  548.                 child_call_parameters : {
  549.                     hostname : search_info.hostname,
  550.                     keyword : search_info.keyword,
  551.                 },
  552.             } );
  553.         }
  554.         
  555.         return true;
  556.     },
  557.     
  558.     check_child_article_page = () => {
  559.         log_debug( 'check_child_article_page()' );
  560.         
  561.         const
  562.             search_info = get_search_info();
  563.         
  564.         log_debug( 'search_info', search_info );
  565.         
  566.         if ( ! search_info ) {
  567.             return false;
  568.         }
  569.         
  570.         setTimeout( () => {
  571.             location.href = search_info.search_url;
  572.         }, PAGE_TRANSITION_DELAY );
  573.         
  574.         return false;
  575.     },
  576.     
  577.     check_search_page = () => {
  578.         log_debug( 'check_search_page()' );
  579.         
  580.         const
  581.             query = current_url_object.searchParams.get( 'q' ) || '',
  582.             hostname = ( query.match( /(?:^|\s)site:([^\s]+)/ ) || [] )[ 1 ];
  583.         
  584.         if ( ! hostname ) {
  585.             return true;
  586.         }
  587.         
  588.         const
  589.             site_link = [ ... document.querySelectorAll( '#rso .g > .rc > div > a, #rso .g a[ping]:not(.fl)' ) ].filter( link => {
  590.                 let url_object = new URL( link.href, location.href );
  591.                 
  592.                 if ( url_object.hostname.slice( - hostname.length ) == hostname ) {
  593.                     return true;
  594.                 }
  595.                 
  596.                 let url = ( [ ... url_object.searchParams ].filter( param => param[ 0 ] == 'url' )[ 0 ] || [] )[ 1 ];
  597.                 
  598.                 if ( url && ( new URL( url ).hosname.slice( - hostname.length ) == hostname ) ) {
  599.                     return true;
  600.                 }
  601.                 
  602.                 return false;
  603.             } )[ 0 ];
  604.         
  605.         let name_storage = new WindowNameStorage( window, SCRIPT_NAME );
  606.         
  607.         name_storage.value = Object.assign( name_storage.value, {
  608.             transition_complete : true,
  609.         } );
  610.         
  611.         if ( ! site_link ) {
  612.             current_url_object.searchParams.set( 'q', query.replace( /(^|\s)site:[^\s]+/, '$1-site:news.yahoo.co.jp' ) );
  613.             setTimeout( () => {
  614.                 location.href = current_url_object.href;
  615.             }, PAGE_TRANSITION_DELAY );
  616.             return false;
  617.         }
  618.         
  619.         setTimeout( () => {
  620.             location.href = site_link.href;
  621.         }, PAGE_TRANSITION_DELAY );
  622.         
  623.         return false;
  624.     },
  625.     
  626.     check_page = ( () => {
  627.         if ( /^\/pickup\//.test( current_url_object.pathname ) ) {
  628.             return check_pickup_page;
  629.         }
  630.         
  631.         if ( /^\/articles\//.test( current_url_object.pathname ) ) {
  632.             if ( is_child_page && is_auto_transition_page ) {
  633.                 searching_icon_control.create().show();
  634.                 return check_child_article_page;
  635.             }
  636.             else {
  637.                 return check_article_page;
  638.             }
  639.         }
  640.         
  641.         if ( /(^www\.)?google\.com/.test( current_url_object.hostname ) && ( current_url_object.pathname == '/search' ) ) {
  642.             if ( ! is_child_page ) {
  643.                 return null;
  644.             }
  645.             
  646.             if ( ! is_auto_transition_page ) {
  647.                 return null;
  648.             }
  649.             
  650.             searching_icon_control.create().show();
  651.             
  652.             return check_search_page;
  653.         }
  654.         return null;
  655.     } )();
  656.  
  657. if ( ! check_page ) {
  658.     return;
  659. }
  660.  
  661. const
  662.     insert_css_rule = () => {
  663.         const
  664.             css_rule_text = `
  665.                 .${CONTROL_CONTAINER_CLASS} {
  666.                     background: lightblue !important;
  667.                     text-align: center;
  668.                 }
  669.                 
  670.                 .${SEARCH_BUTTON_CLASS} {
  671.                     display: inline-block !important;
  672.                     margin: auto 8px !important;
  673.                     text-align: center !important;
  674.                     font-weight: bolder !important;
  675.                     color: navy !important;
  676.                     background: lightblue !important;
  677.                 }
  678.                 
  679.                 .${SEARCH_BUTTON_CLASS}:hover {
  680.                     text-decoration: underline !important;
  681.                 }
  682.                 
  683.                 .${MODE_SELECTOR_CLASS} {
  684.                     display: inline-block !important;
  685.                     cursor: pointer;
  686.                     font-size: 12px;
  687.                     font-weight: bolder;
  688.                 }
  689.                 
  690.                 .${MODE_SELECTOR_CLASS} > input {
  691.                     margin-right: 6px;
  692.                 }
  693.                 
  694.                 .${SEARCHING_CLASS} {
  695.                     position: fixed;
  696.                     top: 0px;
  697.                     left: 0px;
  698.                     z-index: 10000;
  699.                     width: 100%;
  700.                     height: 100%;
  701.                     background: black;
  702.                     opacity: 0.5;
  703.                 }
  704.                 
  705.                 .${SEARCHING_CLASS} .icon {
  706.                     position: absolute;
  707.                     top: 0px;
  708.                     right: 0px;
  709.                     bottom: 0px;
  710.                     left: 0px;
  711.                     margin: auto;
  712.                     width: 100px;
  713.                     height: 100px;
  714.                     color: #f3a847;
  715.                 }
  716.                 
  717.                 .${SEARCHING_CLASS} .icon svg {
  718.                     animation: searching 1.5s linear infinite;
  719.                 }
  720.                 
  721.                 @keyframes searching {
  722.                     0% {transform: rotate(0deg);}
  723.                     100% {transform: rotate(360deg);}
  724.                 }
  725.                 
  726.                 .${SEARCHING_CLASS}.hidden {
  727.                     display: none;
  728.                 }
  729.         `;
  730.         
  731.         let css_style = document.querySelector( '.' + CSS_STYLE_CLASS );
  732.         
  733.         if ( css_style ) css_style.remove();
  734.         
  735.         css_style = document.createElement( 'style' );
  736.         css_style.classList.add( CSS_STYLE_CLASS );
  737.         css_style.textContent = css_rule_text;
  738.         
  739.         document.querySelector( 'head' ).appendChild( css_style );
  740.     },
  741.     
  742.     observer = new MutationObserver( ( records ) => {
  743.         let stop_request = false;
  744.         
  745.         try {
  746.             stop_observe();
  747.             stop_request = check_page();
  748.         }
  749.         finally {
  750.             if ( stop_request ) {
  751.                 searching_icon_control.hide();
  752.             }
  753.             else {
  754.                 start_observe();
  755.             }
  756.         }
  757.     } ),
  758.     start_observe = () => observer.observe( document.body, { childList : true, subtree : true } ),
  759.     stop_observe = () => observer.disconnect();
  760.  
  761. document.body.addEventListener( 'click', ( event ) => {
  762.     new WindowNameStorage( window, SCRIPT_NAME ).value = undefined;
  763. }, true );
  764.  
  765. insert_css_rule();
  766. start_observe();
  767. check_page();
  768.  
  769. } )();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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