1. ホーム
  2. javascript

[解決済み] JSONハイジャックはモダンブラウザでも問題ないのか?

2022-04-25 11:49:31

質問

Backbone.jsとTornado Webサーバーを使用しています。 Backboneでコレクションデータを受信するための標準的な動作は、JSON Arrayとして送信することです。

一方、Tornadoの標準的な動作は、以下の脆弱性があるため、JSON Arrayを許可しないようになっています。

http://haacked.com/archive/2008/11/20/anatomy-of-a-subtle-json-vulnerability.aspx

関連するものには http://haacked.com/archive/2009/06/25/json-hijacking.aspx

JSONがオブジェクトのリストである場合、オブジェクトでラップする必要がないため、より自然に感じられるのです。

私は、これらの攻撃を最新のブラウザ(すなわち、現在のChrome、Firefox、Safari、IE9)で再現することができませんでした。 同時に、モダンブラウザがこれらの問題に対処していることを、どこかで確認することもできませんでした。

プログラミング技術やググり方が下手でも、誤解を招かないようにするため。

これらのJSONハイジャック攻撃は、今日でもモダンブラウザで問題になっているのでしょうか?

(注)重複する可能性があるため、申し訳ありません。 モダンブラウザで「JSONハイジャック」は可能か? しかし、受理された回答は質問に答えていないようなので - もう一度質問して、より明確な説明を受けるべき時だと思いました)。

解決方法は?

に渡された値をキャプチャすることはできなくなりました。 [] または {} のコンストラクタを、Firefox 21、Chrome 27、IE 10 で使用することができます。以下は、以下で説明する主な攻撃に基づく、ちょっとしたテストページです。 http://www.thespanner.co.uk/2011/05/30/json-hijacking/ :

( http://jsfiddle.net/ph3Uv/2/ )

var capture = function() {
    var ta = document.querySelector('textarea')
	ta.innerHTML = '';
	ta.appendChild(document.createTextNode("Captured: "+JSON.stringify(arguments)));
	return arguments;
}
var original = Array;

var toggle = document.body.querySelector('input[type="checkbox"]');
var toggleCapture = function() {
    var isOn = toggle.checked;
    window.Array = isOn ? capture : original;
    if (isOn) {
        Object.defineProperty(Object.prototype, 'foo', {set: capture});    
    } else {
        delete Object.prototype.foo;
    }
};
toggle.addEventListener('click', toggleCapture);
toggleCapture();

[].forEach.call(document.body.querySelectorAll('input[type="button"]'), function(el) {
    el.addEventListener('click', function() {
        document.querySelector('textarea').innerHTML = 'Safe.';
        eval(this.value);
    });
});
<div><label><input type="checkbox" checked="checked"> Capture</label></div>
<div><input type="button" value="[1, 2]" /> <input type="button" value="Array(1, 2);" /> <input type="button" value="{foo: 'bar'}" /> <input type="button" value="({}).foo = 'bar';" /></div>
<div><textarea></textarea></div>

をオーバーライドします。 window.Array にセッターを追加し Object.prototype.foo で、短い形式と長い形式で配列とオブジェクトを初期化するテストをしています。

ES4仕様 また、Implementation Precedentでは、Internet Explorer 6, Opera 9.20, Safari 3はObjectとArrayのローカルまたはグローバルなリバインディングを尊重せず、オリジナルのObjectとArrayのコンストラクタを使用することを指摘しています。 ES5、セクション11.1.4 .

Allen Wirfs-Brockの説明 ES5ではDefineOwnPropertyを使用しているため、オブジェクトの初期化はセッターをトリガーしてはいけないと規定されていること。 MDN: オブジェクトの操作 JavaScript 1.8.1以降、オブジェクトや配列のイニシャライザーでプロパティを設定する際にセッターは呼び出されなくなりました。 V8 問題1015 .