DM保存スクリプト２

※ツイッターのバージョンアップで動かなくなることが予測されるので、気づいたらりしゃるまでよろしっく！

※2020/11/21 新UI用MD保存スクリプト公開（ほぼ１から作りなおしｔ
※2021/12/15 ツイッターの仕様変更に対応。（いつの間にかわからないけど久々に見に来たらTwitter側のバージョンアップで案の定ぶっ壊れてみたいだけど誰も教えてくれなかった件ｗ）
※2022/01/07 ブックマークレット対応可能にしました。（ブックマークに登録してそこからいつでもすぐに起動できるので便利）
　　　　　　　※追記：firefoxなどブラウザによっては文字数が長すぎてブックマークレット登録ができないもよう、
　　　　　　　　コード短縮しようと思えばできるけど、どんなコードなのかが分かる安心設計なのも売りなので、
　　　　　　　　　　どうしてもな場合用の短縮コード→何書いてるかわからんショート版
※2022/03/28 ブラウザないしツイッターの（いずれかまたは両方の）バージョンアップで動かなくなっていたので対応
※2022/03/29 期間指定がなんかうまくいっていなかったので修正
※2022/03/31 3/28の修正でFireFoxも復活。（あとFireFoxの方だけ加工しないとブックマークレット登録できなかったの理由がなんとなく分かったので次回から統一できるかも？）
・ツイッターのDMを自動でさかのぼって表示してくれるスクリプトです。
・これによりDMの保存や検索が可能になります。
・インストール不要！　アカウント連携不要！　ソースコード丸見えの安心設計！

使い方
※【PC用（※FireFox用は何書いてるかわからんショート版にて）】です、利用する場合は以下の操作をおこないます。（逆順になってます。番号の通り下から上に手順を進めて下さい。）

←スクリプト起動後の流れ。

④これでスクリプトが起動し、あとは説明に従って操作するだけでDMログの取得や保存ができるようになります。
③⓪でブックマークバーに入れたショートカットボタンをクリック。
②（①のページから）DMを保存したい相手をクリックで選択。
①DMのページを開くhttps://twitter.com/messages
　※⓪は初回だけで大丈夫です。（修正のあった場合などは適宜差し替えてください。）
⓪以下の「オレンジ色のボタン」をブックマークバーにドラッグ＆ドロップ（ショートカットボタンになります）
DM💾

//DM_SAVE2.1.2 //"wikiに貼ったら重いのでコメントアウト大幅カット版、このコードは保守には使用しない事。//20220329ris 期間指定バグ修正。　（次：前ターン取得データの最古日付の記録とって重複をはじくように。あと↓↓のやりたいこともまだ。）
//20220328ris 動かなくなってたの修正。先行してfirefoxで出ていた症状など。
//v20211215ris //20220107ris ブックマークレットに対応（次はとにかく停止ボタンや説明文の「保存形式に変換」の背景色をボタンにあわせたい、テキスト変換時の張り紙にも時間かかる旨を記載）
//メッセージ者アイコンの階層が変わっていたので対応。
//日付取得に利用していたclass名が変更されていたので対応。
//※階層関係は変わらずだったので、単なる名称再生成によるもので今後も発生すると思われる。
//prev2020/11/21

$GROBAL={};stop;//"20220328ris stopを追加。
(function main(){//拡張機能用にパッケージング
//////////////////////////////////////////////////
console.log('main()');
if(document.location.href.indexOf('/messages/')==-1) return alert('【DM画面にて】 保存したい 【相手を選択】 してから実行してください。');
if(document.querySelector('.r-hbs49y')==null) {setTimeout(main,1000); console.log('読み込みがまだなので待機します。'); return;}
if( window.confirm(`【警告】公式の仕様とは言え、DMをさかのぼることは、`+`（長時間連続でツイッターへの読み込みリクエストを送ることになるため、）`+`アクセス制限やアカウント取り締まりの対象となる可能性があります。\n`+`また、当スクリプトを複数タブで同時に実行するなどの行為は、さらにリスクが高まると予測されますので避けた方が無難です。\n`+`【注意】ツイッターの仕様上、ＰＣスペックや通信状態などにより、稀に取得漏れが出る可能性があります。\n`+`★以上を了承の上、当スクリプトを使用する際は、自らの責任のもとでのご使用をお願いします。\n`
)==false) return;

/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
*/var LOAD_WAIT_MSEC_per_20_messages = 3900;/* 【警告】高速（高頻度）での読み込みは、アカウントBANの対象になるリスクが増加する可能性があります。
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
//"保護シールド
var shield = document.createElement('section');shield.id='shield';{
  shield.innerHTML=`<div style='position:fixed; top:0;left:0;width:100%;height:100%;background:rgba(111,111,111,0.5);z-index:2000;'>`+`<div id='s_box' style='position:relative;top:25%;height:auto;min-height:50%;max-height:75%;width:512px;margin:auto;padding:10px;background:#FFF'></div></div>`;
  document.body.appendChild(shield);
}

///////////////////////////////////////////////////////////////////////////////////////////////////
//"まずは期間の設定
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//ツイッター固有の日付表示をjs用ミリ秒に変換
let today = new Date();
let week_day =[]; week_day[0]=today;
for(i=1;i<7;i++){week_day[i]=week_day[i-1];}//week_day[i];}
let day_num = today.getDay();
let get_sub={};{
get_sub['日']=-7-day_num+((day_num>0)?7:0);
get_sub['月']=-6-day_num+((day_num>1)?7:0);
get_sub['火']=-5-day_num+((day_num>2)?7:0);
get_sub['水']=-4-day_num+((day_num>3)?7:0);
get_sub['木']=-3-day_num+((day_num>4)?7:0);
get_sub['金']=-2-day_num+((day_num>5)?7:0);
get_sub['土']=-1-day_num+((day_num>6)?7:0);
}
//"DM独自形式の日付表示から逆算出
function get_the_time(date_text){
  let tmpday = new Date();
  //"長い形式に形成
  if(date_text.indexOf('年')==-1){//"午後2:21or午後2:21(日)
    tmp = date_text.split('(');
    sub=(tmp.length==1)?0:get_sub[tmp[1].split(')')[0]];//"午後2:21or午後2:21(日)
    if(date_text.indexOf('昨日')==-1);else {sub = -1;}
    tmpday.setDate(tmpday.getDate() + sub );
    
    date_text=tmpday.getFullYear()+'年'+(tmpday.getMonth()+1)+'月'+tmpday.getDate()+'日 '+tmp[0];
  }
  isPM = (date_text.indexOf('午後')!=-1);
  tmpday = new Date(date_text.replace(/[^0-9:]/g, ' '));
  tmpday.setHours( tmpday.getHours() + (isPM?12:0) );
  return tmpday.getTime();
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//"対象期間の設定・取得
let range_ary=[[],[]];
let date_unit=['年','月','日','時','分'];
let du_min=[2006, 1, 1, 0, 0]; const NEYR = new Date().getFullYear();
let du_max=[NEYR,12,31,23,59];

//"細工
  setTimeout(function(){
  for(i=0;i<2;i++){ for(j=0;j<5;j++){ nam = 'du_'+i+''+j;console.log('nam:'+nam);
    document.getElementById(nam).addEventListener( 'input', function(){
    range_ary[this.id[3]][this.id[4]]=this.value;
    elms=document.getElementsByClassName(this.id+'_span'); for(k=0;k<elms.length;k++) elms[k].innerHTML=''+this.value+'';
  }, false );
  }  }
  },10);
  elms=document.getElementsByClassName('sml');for(i=0;i<elms.length;i++) {elms[i].style.display='none';elms[i].style.background='#EFE';}
  elms=document.querySelectorAll('.ibp>div');for(i=0;i<elms.length;i++) elms[i].style.display='inline-block';
  let hinttext=`＜ヒント＞\n【手動でのスクロール（さかのぼり）の方が高速。】\n`+`当スクリプトでの自動スクロールはコピー処理を行いながらとなるため、メッセージをさかのぼる速度は手動スクロールより遅めに設定しています。\n`+`そこで、例えば2年前から3年前の期間のDMを取得しようとした場合、スクリプトの速度で2年前までさかのぼるより、`+`先に手動スクロールで（２年前のメッセージの少し手前くらいまで）さかのぼっておいてからスクリプトを起動するようにすると、所要時間を減らせるかもしれません。\n`+`【楽にトップスピードでスクロールする方法例】\n手動スクロールはホイールボタンを押してカーソルをスクロールモードにして、`+`カーソルをウィンドウの上方に移動して放置するなどでトップスピードを出せます。`;

ranget.innerHTML+=`<div id='rg_btns'><button>日時指定ON/OFF</button><br />`+`<div style='margin:10px 25%;padding:5px;border:1px gray solid; background:gold;'>`+`<button title='上記の期間を対象にDMを取得します'>　　実行　　</button>　<button title='この領域を閉じます'>キャンセル</button></div>`+`<button title='旧式の手入力式で期間を指定し実行します'>手入力で実行</button><br /><br />`+`<button title='${hinttext}'>ヒント</button></div>`+`<script>${btn_set_rg.toString()};btn_set_rg()</script><br />`;

btn_set_rg();

}create_range_getter();

plog_base.style.display='block';
  start_time = new Date();
  plog_loop = setInterval(progress_display,100);
  setTimeout(marking,4000);
  s_box.innerHTML='';
}
  
function range_check(){
  console.log(arguments.callee.name+'()');//"関数名表示
  if(Number.isNaN(since)){ since = range_bottom; console.log('\'since\' was BAD input !'); }
  if(Number.isNaN(until)){ until = range_top; console.log('\'until\' was BAD input !'); }
  if(since<=range_bottom) since=range_bottom;
  if(until>=range_top) until=range_top;
}
let BASE_TITLE = (document.title.replace(/\s/g,'')+' ').replace('/Twitter ','');
function get_dm_range(from_times=0){
  console.log('get_dm_range()');
  //"range取得
  if(from_times>=1){
    let d = document.getElementsByClassName('time');
    until = parseInt(d[d.length-1].getAttribute('time'));
    until_str=new Date(until).toLocaleDateString();
    if(from_times>=2){
      since = parseInt(d[0].getAttribute('time'));
      since_str=new Date(since).toLocaleDateString();
    }
  }
}
function save_title_set(from_times=0){
  console.log('save_title_set()');
  get_dm_range(from_times);
  //"タイトル設定
  let range_str=''; if(since>range_bottom) range_str+=new Date(since).toISOString().split('T')[0].replace(/-/g,'');//"20060322
  range_str+='-'+ new Date(until).toISOString().split('T')[0].replace(/-/g,'');//"-20201010
  //"保存名・タイトル文字列の設定//{
  document.title=BASE_TITLE+'-DM保存-'+range_str+'['+document.querySelectorAll('.time').length+']';
}
  
//"対象期間の設定・取得（手入力）------------------------------------------------
function get_range(){
  console.log(arguments.callee.name+'()');//"関数名表示
  let today = new Date();
  today=today.getFullYear()+'-'+S_00(today.getMonth())+'-'+S_00(today.getDate());

let prompt_text = `DMの取得期間を入力してください。\n`+`変更なし、あるいは書き方が正しくない場合、全ての期間が対象になります。\n\n`+`時間の表現書式：yyyy-M-d T hh:mm:ss （年-月-日 T 時:分:秒）`+`\n※より小さい時間単位の方（右側）から↑省略可能\n`+`書式例↓\n2017年以降(1月1日0時0分0秒は省略可)： 2017~ \n`+`2018年以前(省略同上、実質2017年末まで)： ~2018 \n`+`2017年のみ： 2017~2018 \n2017年4月から1年間： 2017-4~2018-4 \n`+`2018年8月： 2018-8~2018-9 \n2018年9月1日： 2018-9-1~2018-9-2 \n`+`（★時間例↓）\n2018年9月1日12時~13時：\n 2018-9-1 T12:00 ~ 2018-9-1 T13:00 `+`※時間部分は00や01のように10の位も0詰めをし2桁で記載`;

let defaultrange = `2006-03-22 T 00:00:00 ~ ${today} T 23:59:59`;
  let timerange = window.prompt(prompt_text, defaultrange);

if(timerange==null) return false;// return;//"キャンセル処理
  else timerange=timerange.replace(/\s+/g, '')+'~';//"スペースつぶし

return {since_msec:since_msec,until_msec:until_msec};
}//get_range()ここまで---------------------------------------------------------------

//////////////////////////////////////////////////////////////////////////////////////////////////////
//"期間選択系 ・進捗ログと関連
var range={},since,until,since_str,until_str;
let range_bottom = Date.parse('2006-03-22T00:00:00');
let range_top = Date.parse(new Date());

//時間のかかるDMロード時のみのお供のため、取得後は不要、破棄する。
let plog_loop;

let start_time, progress_time;
  
//"進行ログ表示系
style = document.createElement('style'); style.setAttribute('type', 'text/css');
style.innerHTML=`#plog_base { background:rgba(0,0,0,0); position:fixed; top:33%;`+`width:100%; height:20px; text-align:center; z-index:9999;}`;

//"進行リザルト文字列
let progress_result;
function get_progress_result(){
  progress_time = new Date(new Date()-start_time-32400000);let total = gets+skip;//+junk
  progress_result = `　取得数:${gets}件（全数:${total}件（内スキップ:${skip}件））<br />\n`/*'  '*/+`　 経過時間: ${progress_time.toLocaleTimeString()}　　内停止:約 ${ Math.ceil(rep_count/60) }分<br />\n`/*'  '*/+` 読込速度: ${ parseInt((cps=total/(progress_time.getTime()+32400000)*1000)) }`/*'  '*/+`件/秒 ${ parseInt(cps*60) }件/分 ${ parseInt(cps*3600) }件/時`;
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////////////////////////////////////////////
//"増設メニュー関連
let SYORITYU = '（※処理中・ページ描画中は、そこそこの時間ページがフリーズしたようになったりします。）';
var ex_menu_html;{
ex_menu_html=`<style>body{ padding-top: 53px; margin:0;}`+`nav{width:100%;line-height: 53px; height: 53px; position:fixed;top:0;left:0;`+`background:rgba(250,222,0,0.85);z-index:1000;text-align:center;}</style>`+`<nav><button id='conv_save_html' style='background:#FAA'`+`title='このボタンを押すと表示中のDMを保存形式に変換します。&#10;（保存するにはまず変換が必要です。）`+`&#10;変換を行うと、現在のレイアウトは失われます。`+`'>保存形式に変換（未）</button>　<button id='conv_lite_html' style='visibility: hidden;' `+`title='このボタンを押すと、表示中のDMをテキスト・ログの様な形式に変換します。&#10;（現在のレイアウトは失われます。）'>簡易形式で表示</button>`+`　<span id='width_slider_panel'>横幅拡縮<input id='width_slider' type='range' name='width' min='552' max='552' step='1' value='552' style='height:4px;width:100px'></span>`+`<button id='arp_btn' style='visibility: hidden;'`+`title='表示中のメッセージの期間をさらに絞り込めます。期間の切り出しや分割保存するときなどに&#10;`+`${ SYORITYU }'>期間変更</button>`+`</nav>`;
//"保存して読み込んだ時に再セット
ex_menu_html +=`<script s='0'>let dm_before_html=''; let dm_after_html=''; let dm_full_html='';let since,until;</script>`+`<script s='1'>let BASE_TITLE='${BASE_TITLE}', range_bottom='${range_bottom}', SYORITYU='${SYORITYU}';</script>`+`<script s='2'>${button_setting.toString()};button_setting(false)</script>`+`<script s='3'>${convertext.toString()+convertext_fin.toString()+copy_logs.toString()}</script>`+`<script s='4'>${create_after_range_getter.toString()+get_dm_range.toString()+save_title_set.toString()}</script>`+`<script s='5'>${set_arp_btn.toString()+after_range_pickup.toString()+arp_close.toString()}</script>`+`<script s='6'>startTime = new Date().getTime(); ${clog_ptime.toString()}</script>`;
}
//"ボタン等設定
function button_setting(at_first=false){
  console.log('button_setting()');
  //"ボタン
  if(at_first==true)
  document.getElementById('conv_save_html').addEventListener('click', function(){ change_html_for_save(); });
  document.getElementById('conv_lite_html').addEventListener('click', function(){
    if( window.confirm(`表示中の内容をテキスト・ログ形式に変換しようとしています。変換を実行しますか？（この操作も取り消せません）\n${SYORITYU}`) == false) return; 
    document.getElementById('s_box').innerHTML=`<div style='margin-top:25%; text-align:center; font-size:4em;'>簡易式に<br />変換処理中</div>`;
    document.getElementById('shield').style.display='block';
    setTimeout(convertext,100);
  });
  document.getElementById('arp_btn').addEventListener('click', function(){ create_after_range_getter(); });
  
  //"横幅スライダー
  document.getElementById('width_slider').setAttribute('max',(document.body.clientWidth-10));
  document.getElementById('width_slider').addEventListener('input', function(){
    document.getElementById('dm_section').style.width = this.value+'px';
  }, false);
}

//"ナビバーの追加
function add_navi_bar(){
  console.log(arguments.callee.name+'()');//"関数名表示

let ex_menu_outer_elm = document.createElement('div');
  ex_menu_outer_elm.innerHTML=ex_menu_html;
  document.body.appendChild( ex_menu_outer_elm );

//"ナビバーの設定
  button_setting(true);
}

//"要素削除用ツール
function remove_elms_by_query($selector){ let elms = document.querySelectorAll($selector); let len = elms.length; for(i=0;i<len;i++) elms[i].remove(); return len;}
//"経過時間表示・計測
let startTime = new Date().getTime(); function clog_ptime(text='progtime'){now = new Date().getTime(); console.log(text+':'+(now-startTime)); startTime=now;}
//"consoleのONOFF
console.log_back=console.log;
$GROBAL.clog_togle=()=>{ if(console.log())console.log=console.log_back; else console.log=()=>true; console.log_back('clog_togle:'+(console.log()?'OFF':'ON')); };
//$GROBAL.clog_togle();

let load_dot_loop;//"読み込みの点出すループを格納（ループ削除用）
//"保存用HTMLの生成、差し替え
function change_html_for_save(){    clog_ptime('click:change_html_for_save()');
  if(window.confirm('保存形式に変換すると公式のレイアウトは失われ、\n疑似的なレイアウトに置き換わります。\n（変換せずに操作を続ける場合はキャンセル）')==false) return;
      clog_ptime('end confirm');      clog_ptime('record time:'+progress_time.toLocaleTimeString()+'\nstart');
  document.getElementById('shield').style.display='block';
  setTimeout(function(){    clog_ptime(' setTimeout start');

conv_save_html.outerHTML=`<button id='conv_save_html' disabled title='変換完了しました。実際に保存するには&#10;`/*'    '*/+`「Ctrl+Sキー」を押し、保存画面を呼び出して下さい。'>保存形式に変換（済）</button>`;    clog_ptime(' button_set0');
    conv_lite_html.style.visibility='visible';
    arp_btn.style.visibility='visible';
 
    //"保存用のHTMLコード生成
    s_box.style.display='block';
    setTimeout(create_dm_save_html,0);
    load_dot_loop=setInterval(()=>{document.querySelector('#s_box>div').innerHTML+='.';},1000);
    clog_ptime(' end : fired create_dm_save_html()');
  },100);clog_ptime('change_html_for_save end : fired setTimeout ');
}

function view_private_images(){
  console.log(arguments.callee.name+'()');//"関数名表示
  if(private_images.length==0)return;

let detailtext=`webページ保存に際して、この画像一覧に対応する箇所の画像は抜け落ちた状態で保存されます。\n`/*'  '*/+`これはDMの特性上、webページの保存時にプライベートな画像が自動的に除外されてしまうためす。\n`/*'  '*/+`せめてもの対策として、個別保存しやすいよう、該当画像を集めて一覧表示しています。\n`/*'  '*/+`保存した画像は、保存したwebページファイルと同時に作られるフォルダ内（webファイルと同名のフォルダ内）\n`/*'  '*/+`に配置することで、抜け落ちずに表示できるようになります。\n`;
  let hinttext=`ヒント:\n・クリックされた画像はサムネイルが小さくなります。\n　→チェック済みの画像の目印用などに活用いただけます。\n`/*'  '*/+`・ホイールクリックで画像を別タブで開けます。\n`/*'  '*/+`　→先にピックアップ作業だけすませ（別タブに開いてキープしておく）、\n　　後から一気に保存作業をするなどで能率を上げられるかもしれません。\n`;

/////////////////////////////////////////////////////////////////////////////////////////////////////////
//"HTMLコード取得作業用
////////////////////////////////////////////////////////////////////////////////////////////////////////
var work_html = '', work_html2 ='', base_html = ''; let same_html_count=0;
var dm_save_html = '';
var work = document.createElement('div');work.id='work';work.style.display='none';
document.body.appendChild(work);
var work_p = work.cloneNode(); work_p.id='work_p';//"前回のwork記録用
document.body.appendChild(work_p);

const dm_area_slctr='.r-hbs49y>div>div';//"20220328ris dm_areaのid付加しても解除されるためセレクタ式に変更
let dm_scroll = document.querySelector('.r-hbs49y').parentElement; dm_scroll.id = 'dm_scroll';

let dm_elms = document.querySelectorAll(dm_area_slctr+'>div');//'#dm_area>div');//"20220328ris
let dm_elms_length = dm_elms.length;
let dm_elms_mark_length = dm_elms_length -1;
var all_count=0, comment_count=0, save_count=0;

//"表のDMに符合付加、HTMLに複製。
function marking(){
  console.log(arguments.callee.name+'()');//"関数名表示
  //"現状の本体を掃除、マーキング＆workに複製
  //console.log('ku1wi2 : '+document.getElementsByClassName('r-ku1wi2').length)
  let elm;
  dm_elms = document.querySelectorAll(dm_area_slctr+'>div>div');//'#dm_area>div>div');//"20220328ris//直下の空divを排除してメッセージ一覧を抽出（ヘッダーやシステムメッセージは引っ掛かる）
  dm_elms_length = dm_elms.length; dm_elms_mark_length = dm_elms_length-1;
  for(i=0;i<dm_elms_mark_length;i++){
    elm=dm_elms[i].parentElement;
    if(elm.classList.contains('copied')) continue;///berak; //"20220328ris
    
    elm.classList.add('copied');
    elm.classList.add('count_'+all_count++);
    work_html+=elm.outerHTML;
  }
  dm_scroll.scrollTop=(dm_scroll.scrollTop<=1000)?0:1000;//"スクロールで読み込み開始
  setTimeout( base_work, 0 );//"その間にworkの処理を回す
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////
//#workの処理、保存形式用に形成。
let user=[];user[0]='me';
let user_img=[];user_img[0]='';
user[0] = document.querySelector('header img').getAttribute('alt');
user_img[0] = document.querySelector('header img').getAttribute('src');
let private_images=[]; let missing_dm_img=[];

elm.closest('a').classList.add('icon_a');//唯一のコンテンツ外のaタグなのでマーキング、除外に利用
    }
    
  }else if(proc_num == 3 ){
  //"下処理３、日付持ちの家に日付属性設定

const queryELM_OF_HAS_DATE = '#work .saved .r-n6v787';
    dm_elms=document.querySelectorAll(queryELM_OF_HAS_DATE);
    dm_elms_length = dm_elms.length; console.log('mess_primary_length:'+dm_elms_length);
    for(i=0;i<dm_elms_length;i++){
      elm=dm_elms[i]; elm_closest=elm.closest('.saved');
      
      if(elm.textContent=='') continue;
      elm.classList.add('date_text');//"日付文字列にマーキング、家内テキスト抽出時の除外に利用
  
      dm_time = get_the_time(elm.textContent);
      dm_time_str = new Date(dm_time).toLocaleDateString();
      dm_time_str_t = new Date(dm_time).toLocaleString();

//"'c':番号 'u':ユーザー 'lv':家内深度 'd':日付数値 't':日付テキスト 'r':期間
      if(elm_closest.getAttribute('u')==-1)
        elm_closest.setAttribute('u','0');//"未設定なら自分の番号をセット
      elm_closest.setAttribute('lv','0');
      elm_closest.setAttribute('d',dm_time);
      elm_closest.setAttribute('t',elm.textContent);
      elm_closest.setAttribute('r','none');//"初期値。必要な家だけ後から有効にする。
      
      //"DM取得囲(期間)調整用
      if(dm_time > until){ //"まだ期間より未来
        elm_closest.setAttribute('r','too_near_date');      //console.log('skip_mess:'+dm_time_str+'>='+until_str)
      }else if(dm_time < since){ //"期間より過去
        elm_closest.setAttribute('r','too_far_date');      //console.log('range_over:'+dm_time_str+'<='+since_str);
        too_far_count++;//"終了判定に利用
      }else if(dm_time > parseInt(last_info.d)){ //"既に取得済みの期間の日付け //"20220328ris　コピペから作りかけで忘れてたのちゃんとした
        elm_closest.setAttribute('r','completed_date');      //console.log('already_in_range:'+dm_time_str+'>='+(new Date(parseInt(last_info.d)).toLocaleString()));
      }else{ //"期間内
        elm_closest.setAttribute('r','in_range_date');      //console.log('get_mess:'+dm_time_str+'>'+since_str);
      }
    }

}else if(proc_num == 4 ){//日付け付加したとに日付を伝播ここで初めてメッセージ本文＋日付の強固な比較ができる
  //"既にinnderHTMLレベルで比較済み、ジャンクは除外済み。
  //"情報伝播処理４、丁内１番地の情報を他の番地にコピー、下から上がっていくスタイル
    let unknown_date_line=true;//"下から上がっていく際、最初の家長に到達するまでは日付の流れが不明。
    //"ハイレベルに切り分けができているため、lass_infoの日付信頼性は依存してよいほど高い。

}
    
  }else if(proc_num == 5){
  //"後処理５、削除処理

//"svgタグの削除
    let elms = document.querySelectorAll('#work svg'); let len = elms.length;
    for(i=0;i<len;i++) elms[i].parentElement.remove();

//"レンジ外のメッセージの削除
    const queryELM_OF_OUT_RANGE = '.too_far_date, .too_near_date';
    remove_elms_by_query(queryELM_OF_OUT_RANGE);
    document.querySelectorAll('#work .saved');
  }else if(proc_num == 6 ){
  //"後処理６、細工、画像・メディアのマーキング、

//"aタグ細工
    dm_elms=document.querySelectorAll('#work a');  dm_elms_length = dm_elms.length;
    for(i=0;i<dm_elms_length;i++) dm_elms[i].setAttribute('target', '_blank');
    
    const queryIMG_ALL = '#work img';
    dm_elms=document.querySelectorAll(queryIMG_ALL);
    dm_elms_length = dm_elms.length; console.log('img_length:'+dm_elms_length);
    for(i=0;i<dm_elms_length;i++){
      elm=dm_elms[i];// elm.closest;
      if(elm.getAttribute('src').indexOf('.svg')!=-1){//"svg拡張子の画像
        parenter_elm=elm.parentElement.parentElement.parentElement;//.parentElement;
        if(parenter_elm.classList.contains('r-1b6yd1w')){//"'r-1b6yd1w r-z6uxc7'がリアクション持ちdivのオリジナルのclass
          parenter_elm=parenter_elm.parentElement;
          tmp_text = elm.closest('.saved').getAttribute('react') + emoji_code(elm.getAttribute('alt'))  +':'+parenter_elm.textContent;
          elm.closest('.saved').setAttribute('react',tmp_text+' ');
          parenter_elm.classList.add('reaction');
        }else elm.classList.add('emoji_in_mess');//"本文中の絵文字マーキング
      }
      //"プライベート画像をリストに追加
      if(elm.getAttribute('src').indexOf('/dm/')!=-1){ private_images.push(elm.getAttribute('src'));}
    }

}else if(proc_num == 7){ proc_num=0;
  //"後処理７、切り替え・再帰・最終処理
  
    if(work_html!=''){
      //"workhtmlを切り替え前に記録(重複チェックに利用)
      work_p.innerHTML = work_html+work_html2;
      //"処理後HTMLをベースコードに追加
      base_html = work.innerHTML + base_html; work_html2=work_html; work_html=''; 
    }
    if(too_far_count>0) zero_count++;  ///console.log(`tfc:${too_far_count} zc:${zero_count}`);
    if(document.querySelectorAll('#work .r-ku1wi2').length>=1){
      junk++;gets--; plog_text_push(` [<b style='color:green'>delete&drop</b>]<br />　(profile)　<br />`);
      too_far_count++;zero_count++;//progress_display();
    }if(zero_count>=5||too_far_count>=20) if(too_far_count==0) stop_function(); else finish_function();//"20220328ris too_far_countの判定を追加。
    //"読み込み中のため、ディレイをかけて十分に待機する。早すぎるとアタック扱いされるかもしれない。
    else setTimeout(marking, LOAD_WAIT_MSEC_per_20_messages);
    return;
    
  }else{}
  
  proc_num++; setTimeout(base_work, 0 );
}//"function base_work() END

//"絵文字算出関数
function emoji_code(emoji){
  if(emoji=='イイね') return '&#x1f44d;';
  else if(emoji=='&#10084;') return '&#x2764;';
  else if(emoji=='炎') return '&#x1f525;';
  else if(emoji=='ダメ') return '&#x1f44e;';
  else if(emoji=='泣き顔') return '&#x1f622;';
  else if(emoji=='驚いた顔') return '&#x1f62f;';
  else if(emoji=='嬉し泣き') return '&#x1f602;';
  else return emoji;
}
    
////////////////////////////////////////////////////////////////////////////////////
let rep_count=0,rep_count_loop;
function stop_function(){
  console.log(arguments.callee.name+'()');//"関数名表示
  clearInterval(plog_loop); plog_loop = setInterval(progress_display,1000);
  if('on_stop_win' in window) {return on_stop_win.style.display='block';}
  plog_base.innerHTML+=`<div id='on_stop_win' style='background:rgba(255,128,0,0.85); position:fixed; top:53px;`+`width:50%;height:auto; margin:0 25%; padding:5px; text-align:center; z-index:9999; display:block;'>`+`メッセージの取得がしばらくありません。<br />これ以上過去のメッセージが無いか、何らかの問題が起きている可能性があります。<br />`+`これ以上過去のメッセージはないだろう、もうこれでいいよという場合は「完了」ボタンを、<br />`+`もう少し読み込めないか試してみるという場合は「再開」ボタンを押してください。<br />`+`<button id='on_stop_btn_fin'>完了</button><button id='on_stop_btn_rep'>再開</button><br />`+`※自動的に再開します。カウントダウン：<b id='rc'>--</b></div>`;
  setTimeout(function(){
    on_stop_btn_fin.addEventListener('click', finish_function );
    on_stop_btn_rep.addEventListener('click', rep );
    rep_count_loop=setInterval( function(){ console.log(rep_count);
      if(on_stop_win.style.display=='block') {++rep_count;} rc.innerText=60-(rep_count%(60)); if(rep_count%(60)) return; rep();},1000);
  },0);
  function rep(){
    clearInterval(plog_loop); plog_loop = setInterval(progress_display,100);
    zero_count = 0; on_stop_win.style.display='none';
    dm_scroll.scrollTop=9999;//"一応助走つけて再読み込み促す
    setTimeout(marking,2900);      
  }
}
stop = $GROBAL.stop=()=>setTimeout(()=>zero_count=10,0);//too_far_count=1,0);//"20220328ris stopを追加、改修。
/////////////////////////////////////////////////////////////////
//"読み込み完了後の処理
function finish_function(){
  console.log(arguments.callee.name+'()');//"関数名表示

clearInterval(plog_loop); clearInterval(rep_count_loop); ///clearInterval(scrl_loop);
  //"経過表示領域を削除
  plog_base.remove();
  s_box.style.display='block';
  s_box.innerHTML=`対象期間のDM取得が完了しました。<br /><hr />`+`　対象期間：${ since<=range_bottom ?  until_str+'以前のすべて'  :  since_str+'~'+until_str  }<br /><hr />`+`　取得数 : ${gets}<br />　（全チェック数 : ${(gets+skip)}　内スキップした数 : ${skip}）<br /><hr />`+`☆公式のレイアウトのまま【全文検索可能】な状態になっています。<br />`+`☆PCへの保存を行うには「保存形式に変換」する必要があります。<br />`+`（上の方にボタンが現れます）ただし、変換を行うと公式のレイアウトは失われ、代わりに疑似的なレイアウトに置き換わります。<br /><br />`+`<div style='text-align:center;width:100%;'><button id='okbtn' style='padding:5px 25px;'>OK</button></div>`;
  
  //"bodyをDM領域のみに差し替え
  document.body.innerHTML=`<section id='dm_section_before'></section>`+`<section id='dm_section' style='width:552px;margin:0 auto; border:solid #EEE;border-width:0 4px;'>${base_html}</section>`+`<section id='dm_section_after'></section>`+shield.outerHTML;

document.getElementById('okbtn').addEventListener('click',function(){
    document.getElementById('shield').style.display='none';
    s_box.innerHTML=`<div style='margin-top:25%; padding-left:33%; font-size:4em;'>0/5</div>`;
  });

console.log('END');
  get_progress_result();
  
  //うっかりページ遷移防止用
  window.addEventListener('beforeunload', (event) => {
    event.preventDefault(); event.returnValue = '';//"'ページを離れようとしています。よろしいですか？\n（現在のページは破棄され、再び表示するには再取得が必要になります。）';
  });
    
  setTimeout(function() {//"一呼吸おいて実行する
    add_navi_bar();
    dm_section.prepend( (elm=document.createElement('aside')) );elm.style.background='lightgray';elm.innerHTML=progress_result;
  }, 1000);
}

////////////////////////////////////////////////////////////////////////////////////////////
let after_style_html;{after_style_html = `<style>
  .cont{clear: both;margin-bottom: 4px;}
  .incont{position: relative;}
  .user{width: 32px; position: absolute;bottom: 16px;}
  .user>img{border-radius: 50%; width: 32px; height 32px;}
  .mess{ border-radius: 10px 10px 10px 0px; padding: 10px;}
  .u0 .mess{ border-radius: 10px 10px 0px 10px;}
  .u0 .incont{width: 100%;}
  .mess, .time{width: 75%; word-wrap: break-word; margin-left:36px;}
  .u0 .time{text-align: right;}
  .u0 .mess, .u0 .time{margin-left:auto;}
  .mess{background: lightgray;}
  .u0 .mess{ background: dodgerblue; color: white;}
  .time, .user{display: none;}
  .lv0 .time, .lv0 .user{display: block;}
  .u0 .user{display: none;}
  video, a>img {height:4em}
  .qtimg {height:2em}
</style>`;
}
let dm_section_html_pre;
//"保存用のHTMLコード生成
function create_dm_save_html(){
  console.log(arguments.callee.name+'()');//"関数名表示
    if(sub_proc==0) clog_ptime('-create_dm_save_html() start');
  let elm, elm_closest, attr_text, elms, elms_length; let flg;
  
  s_box.innerHTML=`<div style='margin-top:25%; padding-left:33%; font-size:4em;'>${proc_num+1}/5</div>`;

if(proc_num == 0 ){
    //バッファの作成、削除系前半
    clog_ptime('pnum_0');
    dm_section_html_pre = document.createElement('section'); dm_section_html_pre.id='dm_section_html_pre';
    dm_section_html_pre.innerHTML=after_style_html; dm_section_html_pre.style.display='none';

//"頂上diV（プロフィール）の削除
    if( document.querySelector('.saved>div')&&document.querySelector('.saved>div').classList.length >=5 )
      document.querySelector('.saved>div').parentElement.remove();
    clog_ptime('pnum_0.1');
    //ユーザーアイコンの削除（無関係なaタグとimgタグを一斉削除）
    remove_elms_by_query('.icon_a');//"削除してもユーザー番号から判別可能
    clog_ptime('pnum_0.2');
    //"リアクションの削除（テキストcontentsを手っ取り早く取り出すため１）
    remove_elms_by_query('.reaction');
    clog_ptime('pnum_0.3a');
    sub_proc=0;
  }else if(proc_num == 1 ){
   if(sub_proc==0){ sub_proc++;
    //"削除後半、および置換系
    clog_ptime('pnum_1');
   }else if(sub_proc==1){ clog_ptime(' sub_proc_'+sub_proc);sub_proc++;
    //"日付の削除（テキストcontentsを手っ取り早く取り出すため２）
    $GROBAL['elms'] = document.querySelectorAll('.date_text');
    $GROBAL['elms_length'] = $GROBAL.elms.length;
    $GROBAL['for1000times']=parseInt($GROBAL.elms_length/1000);
   }else if(sub_proc<=(2+$GROBAL.for1000times)){clog_ptime(' sub_proc_'+sub_proc+'('+(sub_proc-1)+'/'+($GROBAL.for1000times+1)+')');///console.log(sub_proc+'<='+(2+$GROBAL.for1000times)+(sub_proc<=(2+$GROBAL.for1000times)?'true':'false'))
    let start = (sub_proc-2)*1000, limit=start+((sub_proc-2==$GROBAL.for1000times)? $GROBAL.elms_length%(1000) : 1000); elms=$GROBAL.elms;
    for(i=0;i<limit;i++) elms[i].remove();
    sub_proc++;
   }else{ sub_proc=0; proc_num++;//"本ループ再開
    clog_ptime('pnum_1-0.3b');

//"絵文字を文字に置き換え
    let emoji_in_mess = document.querySelectorAll('.emoji_in_mess'); let len = emoji_in_mess.length;
    for(i=0;i<len;i++){ emoji_in_mess[i].outerHTML=`[[emoji:${emoji_in_mess[i].getAttribute('alt')}]]`; }
    clog_ptime('pnum_1-0.4');

//"画像を[[img]]に置き換え
    elms = document.querySelectorAll('.saved img'); elms_length = elms.length; 
    for(i=0;i<elms_length;i++){ elm=elms[i]; elm_closest=elm.closest('.saved');
      attr_text = elm_closest.getAttribute('img')+' '+elm.getAttribute('src').split(':small')[0];
      elm_closest.setAttribute('img',attr_text);
      elm.after('[[img]]');
    }
    clog_ptime('pnum_1.1');
   }proc_num--;//"本ループの引き止め
  }else if(proc_num == 2 ){
    //"家にURLやリンクテキストを記録
    clog_ptime('pnum_2');
    elms = document.querySelectorAll('.saved a'); elms_length = elms.length;
    for(i=0;i<elms_length;i++){ elm=elms[i]; elm_closest=elm.closest('.saved');
      attr_text = elm_closest.getAttribute('a')+' '+elm.getAttribute('href');
      elm_closest.setAttribute('a',attr_text);
      attr_text = elm_closest.getAttribute('tt')+' '+elm.innerText;
      elm_closest.setAttribute('tt',attr_text);
      butNoImg=(elm.innerText.indexOf('[[img]]')==-1);
      hasDMimageURL=(elm.getAttribute('href').indexOf('/messages/')!=-1&&~elm.getAttribute('href').indexOf('/media/')!=-1);
      if( hasDMimageURL&&butNoImg ){ clog_ptime('missing_dm_img check start');
        isodate= new Date(parseInt(elm_closest.getAttribute('d'))).toISOString();
        private_images.push(elm.getAttribute('href')+'?alt='+isodate);
        missing_dm_img.push(elm_closest.getAttribute('t'));
        elm_closest.setAttribute('tt',elm_closest.getAttribute('tt').replace('[[img]]','') );

}
      elm.innerText='[[a]]'+((elm.innerText.indexOf('[[img]]')==-1)?'[[link]]':'[[img]]')+'[[/a]]';
    }
    if(missing_dm_img.length>=1){clog_ptime('-alert stop');
      alert('読み込み損ねた画像が'+missing_dm_img.length+'件あります...\n['+missing_dm_img.toString()+']'); clog_ptime('-alert end');
    }
    clog_ptime('pnum_2.1');
  }else if(proc_num == 3 ){
    //"動画を[[video]]に置き換え
    clog_ptime('pnum_3');
    elms = document.querySelectorAll('.saved video'); elms_length = elms.length;
    for(i=0;i<elms_length;i++){ elm=elms[i]; elm_closest=elm.closest('.saved');
      attr_text = elm_closest.getAttribute('v')+' '+elm.getAttribute('src');
      elm_closest.setAttribute('v',attr_text);
      elm.after('[[video]]');
    }
//   }else if(proc_num == 4 ){
    //"保存用のHTMLコード本構築
    clog_ptime('pnum_3.1-4');
    //"for block
    let $u,$lv,$img,$a,$v,$r,$mess, mesplit;
    elms = document.querySelectorAll('.saved'); elms_length = elms.length;
    for(i=0;i<elms_length;i++){ elm=elms[i];
      $u=elm.getAttribute('u'); $lv=elm.getAttribute('lv');
      $img=elm.getAttribute('img').split(' ');
      $a=elm.getAttribute('a').split(' ');
      $tt=elm.getAttribute('tt').split(' ');
      $v=elm.getAttribute('v').split(' ');
      $r=elm.getAttribute('react'); if($r!='') $r=`<br />[ ${$r} ]`;
  
      $mess=elm.innerText;
      if($mess=='') $mess=elm.innerHTML;//"グループの入退室メッセージ半端に拾ってる問題、期間指定で過去除外を中断する恐れあり。対応するなら前後の日付と合わせるなど。全取得するにあたっては問題ない。ｔの日付がNaNで本日の日付が入る。
      else{
        mesplit = $mess.split('[[img]]'); $mess = '';
        for(j=0;j<mesplit.length;j++){ if(j==0&&mesplit[0].indexOf('引用ツイート')==0&&mesplit.length>=2&&$img[1].indexOf('pbs.twimg.com/profile_images/')!=-1)
            $mess+=mesplit[0]+`<br /><img class='qtimg' src='${$img[1]}' />`;
          else $mess+=mesplit[j]+(((j+1)==mesplit.length)?'':`<img src='${$img[j+1]}' /><br />`);
        }
        mesplit = $mess.split('[[a]]'); $mess = '';
        for(j=0;j<mesplit.length;j++) $mess+=mesplit[j]+(((j+1)==mesplit.length)?'':`<a href='${$a[j+1]}' title='${$tt[j+1]}'>`);
        mesplit = $mess.split('[[/a]]'); $mess = '';
        for(j=0;j<mesplit.length;j++) $mess+=mesplit[j]+(((j+1)==mesplit.length)?'':'</a>');
        mesplit = $mess.split('[[video]]'); $mess = '';
        for(j=0;j<mesplit.length;j++) $mess+=mesplit[j]+(((j+1)==mesplit.length)?'':`<video src='${$v[j+1]}' title='動画\n${$v[j+1]}'>`);
      }
      dm_save_html+=`<div class='cont u${$u} lv${$lv}' r='${elm.getAttribute('react')}'>`/*'      '*/+`<div class='incont'><div class='user'>`/*'      '*/+`<img src='${user_img[$u]}' title='${user[$u]}' /></div>`/*'      '*/+`<div class='mess ${flg}'>${$mess+$r}</div>`/*'      '*/+`<div class='time' time='${elm.getAttribute('d')}'>${makedtstr(elm.getAttribute('d'))}</div>`/*'      '*/+`</div></div>`;
    }//"END OF for
    dm_section_html_pre.insertAdjacentHTML('beforeend',dm_save_html); dm_save_html='';
    sub_proc=0;    clog_ptime('pnum_3.2-4.1');
  }else if(proc_num == 4 ){
    //"最終処理
   if(sub_proc==0){sub_proc++;
    clog_ptime('pnum_5');
    if(false){dm_section.innerHTML=after_style_html + dm_save_html;    clog_ptime('pnum_5.01');}
    else{
      if(false){dm_section.style.display='none';clog_ptime(' display none');}else {dm_section.remove();clog_ptime('dm_section.remove');}
      dm_section_before.after(dm_section_html_pre);
      dm_section_html_pre.setAttribute('style','width:552px;margin:0 auto; border:solid #EEE;border-width:0 4px;');
      dm_section_html_pre.id='dm_section';//clog_ptime(' dms2')
      clog_ptime('pnum_5.01d');
      //dm_section.insertAdjacentHTML('beforeend', dm_section_html_pre.innerHTML); clog_ptime('pnum_5.01c');
    }document.body.style.paddingTop='53px';    clog_ptime('pnum_5.02');

}else{ sub_proc=0; proc_num++;//"本ループ再開
    clog_ptime('pnum_5.1');
    elms=document.getElementsByTagName('a');  elms_length = elms.length;
    for(i=0;i<elms_length;i++){ elm = elms[i];
      elm.setAttribute('target', '_blank');
      if(elm.getAttribute('title')=='[[img]]'&&elm.children[0].getAttribute('alt')=='画像') elm.setAttribute('title', '画像ファイル\n'+elm.children[0].getAttribute('src').split('/').pop().split('&'));
    }
    view_private_images();
    document.querySelector('nav').style.background='rgba(250,250,250,0.85)';
    
    document.getElementById('shield').style.display='none';
    clearInterval(load_dot_loop);
    clog_ptime('pnum_5.2');
    setTimeout(function(){
      save_title_set(1);clog_ptime('setTimeout in title_set from 5.3');
    },0);clog_ptime('pnum_5.3');
   }proc_num--;//"本ループの引き止め
  }else{}
  
  if(proc_num>=4) return;
  setTimeout( create_dm_save_html,100); if(sub_proc==0) clog_ptime(' fired it : setTimeout100');
  proc_num++;
}

let ta = document.createElement('textarea'); ta.id='ta4cp';
  ta.innerText=document.body.innerText; document.body.appendChild(ta);

conv_save_html.outerHTML=`<button id='copy_btn' title='表示中のテキストをコピーします。'>　　　　コピー　　　</button>`;
  conv_lite_html.outerHTML=`<button disabled title='変換完了しました。実際に保存するには&#10;「Ctrl+Sキー」を押し、保存画面を呼び出して下さい。'>簡易形式変換済</button>`;
  width_slider_panel.style.visibility='hidden'; arp_btn.style.visibility='hidden';
  setTimeout(function(){copy_btn.addEventListener('click', copy_logs );},0);
}
function copy_logs(){ta4cp.select(); document.execCommand('copy');len=document.querySelectorAll('body>p').length;
  console.log('copy '+len);alert(len+'メッセージをコピーしました');}

///////////////////////////////////
let dm_before_html=''; let dm_after_html=''; let dm_full_html='';
function create_after_range_getter(){
  console.log(arguments.callee.name+'()');//"関数名表示
  arp_btn.disabled=true;
  if(document.location.href.indexOf('/messages/')==-1) get_dm_range(2);
  sc = new Date( parseInt(since) ).toISOString().split(/[T\.]/);
  ut = new Date( parseInt(until) ).toISOString().split(/[T\.]/);
  let arp=document.createElement('div');arp.id='arp';
  arp.setAttribute('style','position:fixed;top:53px;right:0;text-align:center;background:orange;padding:5px');
  arp.innerHTML=`since（開始）｜until（終了）<br />`+`<input id='sdate' type='date' value='${sc[0]}' />｜<input id='udate' type='date' value='${ut[0]}' /><br />`+`<input id='stime' type='time' value='00:00:00' />｜<input id='utime' type='time' value='23:59:59' /><br />`+`<button id='exec_btn' style='margin:8px 0;'>上記の期間を表示</button><br /><button id='close_btn'>キャンセル</button>`;
  set_arp_btn();
  document.body.appendChild(arp);
}
function set_arp_btn(){
  console.log(arguments.callee.name+'()');//"関数名表示
  setTimeout(function(){
    exec_btn.addEventListener('click', function(){
      if(window.confirm('期間変更処理を開始します。\n'+SYORITYU)==false) return;
      document.getElementById('s_box').innerHTML=`<div style='margin-top:25%; text-align:center; font-size:4em;'>期間変換<br />処理中</div>`;
      document.getElementById('shield').style.display='block';
      setTimeout(after_range_pickup,100);// arp_close();
    });
    close_btn.addEventListener('click', function(){arp_close();});
  },0);
}
function arp_close(){arp.remove();arp_btn.disabled=false;}

//"期間分割
function after_range_pickup(){
  clog_ptime();clog_ptime('arp_start');
  dm_section.innerHTML = dm_before_html+dm_section.innerHTML+dm_after_html;clog_ptime('dm_section.innerHTML');//15000
  dm_before_html=dm_after_html='';
  let new_since = new Date(sdate.value+'T'+stime.value).getTime();console.log(new_since);
    if(isNaN(new_since)){ alert('sinceの入力値が不正です。（例：2月31日の指定など）'); new_since=since;console.log(new_since); }
  let new_until = new Date(udate.value+'T'+utime.value).getTime();console.log(new_until);
    if(isNaN(new_until)){ alert('untilの入力値が不正です。（例：2月31日の指定など）'); new_until=until;console.log(new_until); }

setTimeout(function() {clog_ptime('setTimeout in');//4000
    times = document.querySelectorAll('.time'); times_length=times.length;
    for(i=0;i<times_length;i++){ time=times[i];
      if(time.getAttribute('time')>=new_since) break; dm_before_html+=time.closest('.cont').outerHTML; time.closest('.cont').remove();
    }clog_ptime('arp_mid');
    for(i=i;i<times_length;i++){ time=times[i];
      if(time.getAttribute('time')<=new_until) continue; dm_after_html+=time.closest('.cont').outerHTML; time.closest('.cont').remove();
    }clog_ptime('arp_end');

setTimeout(function(){
      save_title_set(2);clog_ptime('title_set');
        document.getElementById('shield').style.display='none';
    },0);
  }, 0);clog_ptime('func end: fired setTimeout');
  arp_close();
}

/////////////////////////////////////////////////
}());//拡張機能用にパッケージングここまで