d:id:quaa

このままだとずっと放置しそうなので(さっきまで忘れてた)置いておくことにします。ひどい不具合が2つもあるので普通に使うのはおすすめしません。誰か直してください。一応@includeでlocalhostのみで動くようにしてあるのでほかでも動かしたかったら適切に実行許可するサイトを加えてね。

処理

1. object要素生成してGM_xmlhttpRequestの引数のurlのルートのページ開く
2. object要素で開いたページにGM_xmlhttpRequestの引数を文字列化してpostMessageで送りつける
3. (ここから元のページからobject要素で開いたページに処理移る)
4. 送りつけられた引数をevalで連想配列に戻す
5. XMLHttpRequestを実行
6. evalで戻したGM_xmlhttpRequestの引数を元にいろいろする

不具合

• "message"イベント(CrossDocumentMessageEvent)リスナと、でっち上げたGM_xmlhttpRequestがグローバルなのでこれを利用すると制作者側でもドメイン外のページを読み込めるようになる
  • GM_xmlhttpRequestはそれを使うUserJS内に一緒に匿名関数に入れれば隠せるけどmessageイベントリスナは隠せない
  • 信頼できるサイトのみ@includeで実行許可すべき
• 全てのページでGM_xmlhttpRequestを自動的に読み込むようなスクリプトだとobject要素で読み込んだページでさらにobject要素を追加してページを読み込んでさらにさらに、って感じになるので読み込みが終わらなくなる
• GM_xmlhttpRequestのonload, onerror, onreadystatechangeに指定した関数の中に匿名関数内のユーザ定義関数が含まれていると(参照できないから)エラーになる
  • ユーザ定義関数を匿名関数の外に置けばいいけど製作者側の関数と名前がかぶるとおかしなことになると思う

コードの3分の1は擬似toSource用(http://knight.s41.xrea.com/weblog/article.php/98らへんを参考にした。OperaでtoSource使えるのいつかな)でもう3分の1はGreasemonkey0.6.4のxmlhttprequester.jsからほとんどそのまま持ってきたコード。ライセンスは多分大丈夫と...おもいます... (licence.txtを機械翻訳に通したら「勝手に使ったり売ったりしてもいいけどそうしたことに対して俺ら著作権者に損害賠償とかの責任はないよ。個々のGreasemonkeyスクリプトのライセンスのことはそれをつくった人に聞いてよ」みたいなことが書いてあるような気がしたよ)

コード

本体

// ==UserScript==
// @name GwO
// @include http://localhost/*
// /==UserScript==

function GM_xmlhttpRequest(details){
  function objtoSource(obj){
    var str = '';
    var prop;
    var isArr = (obj instanceof Array);
    var mdblquote = /\"/g;
    var mnewline = /\n/g;

    for (var i in obj){
      if (obj.hasOwnProperty(i)) {
        prop = obj[i];

        if (!isArr) str += '\'' + i + '\':';

        switch (typeof prop) {
          case 'undefined':
          case 'boolean':
          case 'number':
            str += prop;
            break;
          case 'string':
            str += '\'' + prop.replace(mdblquote, '\\"').replace(mnewline, '\\n') + '\'';
            break;
          case 'function':
            str += ('(' + prop + ')').replace(mnewline, '');
            break;
          case 'object':
            if (prop == null) str += 'null';
            else if (prop instanceof Boolean) str += '(new Boolean(' + prop + '))';
            else if (prop instanceof Number) str += '(new Number(' + prop + '))';
            else if (prop instanceof String) str += '(new String(\'' + prop.replace(mdblquote, '\\"').replace(mnewline, '\\n') + '\'))';
            else if (prop instanceof Array) str += objtoSource(prop);
            else if (prop instanceof Date) str += '(new Date(' + prop.getTime() + '))';
            else if (prop instanceof RegExp) str += prop;
            else str += objtoSource(prop);
            break;
        }
        str += ', ';
      }
    }
    str = str.substring(0, str.length - 2);
    return (isArr ? '[' + str + ']' : '({' + str + '})');
  }

  var url = details.url;
  if (typeof url != "string") throw new Error("Invalid url: url must be of type string");

  var scheme = url.match(/^([^:]+):/)[1];

  switch (scheme) {
    case 'http':
    case 'https':
    case 'ftp':
      var ndObj = document.getElementById('ujsGMxmlhttpRrequest');
      var domainurl = url.match(/^[a-zA-Z]+:\/\/[^\/]+\//);

      if (ndObj == undefined) {
        ndObj = document.createElement('object');
        document.body.appendChild(ndObj);
        ndObj.id = 'ujsGMxmlhttpRrequest';
        ndObj.style.width = '0';
        ndObj.style.height = '0';
        ndObj.data = domainurl;
        ndObj.addEventListener('load', function(){
          ndObj.contentDocument.postMessage(objtoSource(details));
        }, false);
      } else {
        if (ndObj.data != domainurl) ndObj.data = domainurl;
        else if (ndObj.contentDocument) ndObj.contentDocument.postMessage(objtoSource(details));
      }
      break;
    default:
      throw new Error("Invalid url: " + url);
  }
}

document.addEventListener('message', function(e){
  function setRequestEvent(req, event, details){
    if (details[event]) {
      req[event] = function() {
        var responseState = {
          responseText : req.responseText,
          readyState : req.readyState,
          responseHeaders : (req.readyState == 4 ? req.getAllResponseHeaders() : ''),
          status : (req.readyState == 4 ? req.status : 0),
          statusText : (req.readyState == 4 ? req.statusText : '')
        };
        details[event](responseState);
      }
    }
  }

  var details = eval(e.data);
  if (typeof details != 'object') return;

  var req = new XMLHttpRequest();

  setRequestEvent(req, 'onload', details);
  setRequestEvent(req, 'onerror', details);
  setRequestEvent(req, 'onreadystatechange', details);

  req.open(details.method, details.url);
  if (details.headers) {
    for (var prop in details.headers) {
      req.setRequestHeader(prop, details.headers[prop]);
    }
  }
  req.send(details.data);
}, false);

テスト用

// ==UserScript==
// @name GwO test
// @include http://localhost/*
// /==UserScript==

(function(){
  var url = ''; //実行許可したサイトの何か適当なURL
  var btn = document.createElement('button');
  document.body.appendChild(btn);
  btn.textContent = 'test';
  btn.addEventListener('click', function(e){
    this.textContent = 'loading';
    GM_xmlhttpRequest({
      method: 'GET',
      url: url,
      onload: function(responseDetails) {
        alert(responseDetails.responseText)
      }
    });
    this.textContent = 'done';
  }, false);
})();