display-query-string

by lieutar 2011-01-03 [2011/01/03 14:54:52]

URLのクエリ文字列を見やすく表示するもの。ウインドウクリックで消去

• /*
   * @title display-query-string
   * @description URLのクエリ文字列を見やすく表示するもの。ウインドウクリックで消去
   * @include http://*
   * @license MIT License
   * @require 
   */
  
  (function(){
  
     if(!('JCT8836' in window)){
       window.JCT8836 = false;
       var script = document.createElement('script');
       script.src = 'http://www.drk7.jp/pub/js/ecl_test/ecl_new.js';
       document.body.appendChild(script);
     }
  
     if(!window.JCT8836){
       setTimeout(arguments.callee, 100);
       return;
     }
  
     var decode_uri = function(src){
       if(!src.match(/%[0-9A-Fa-f]{2}/)) return src;
       var code = GetEscapeCodeType(src);
       var meth = 'Unescape' + code;
       return window[meth](src) + " ("+code+")";
     };
  
     var href = location.href;
     var match = href.match(/\?([^#]*)/);
    if(!match) return;
     var params = [];
  
     var dl = document.createElement('dl');
     document.body.appendChild(dl);
     match[1].split(/&/).forEach(
       function(pair_src){
         var pair = pair_src.split(/=/,2);
         var key  = decode_uri(pair[0]);
         var val  = decode_uri(pair[1]);
         var dt = document.createElement('dt');
         dl.appendChild(dt);
         var dd = document.createElement('dd');
         dl.appendChild(dd);
         dt.appendChild(document.createTextNode(key));
         dd.appendChild(document.createTextNode(val));
       }
     );
  
     dl.style.cssText = "" +
       "position:fixed;" +
       "z-index: 65536;" +
       "overflow: auto;" +
       "max-height: 300px;" +
       "background: rgba(200,200,200,0.85);" +
       "padding: 10px;" +
       "width: 40%;" +
       "";
  
     dl.style.top = (window.innerHeight - dl.clientHeight) / 2 + 'px';
     dl.style.left = (window.innerWidth - dl.clientWidth) / 2 + 'px';
  
     dl.addEventListener(
       'click', function(ev){
         ev.stopPropagation();
       }, false
     );
  
     window.addEventListener(
       'click', function(ev){
         dl.parentNode.removeChild(dl);
         window.removeEventListener('click', arguments.callee, false);
       }, false
     );
  
  })();

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。