Android 4.1 で phonegap 2.9 (PhoneGap Build 経由) を使用しています。InAppBrowser で別のサイトを読み込んでいますが、これはすべて問題ありません。
ref = window.open('http://someOtherPage.com', '_blank', 'location=yes,hidden=no');
ref.addEventListener('loadstop', function() {
ref.insertCSS({code:'.header { display:none; }'}, function(){
ref.show();
});
});
これは問題なく動作し、上記のコードでわかるように、ページの読み込み後に CSS を挿入します。
ただし、inAppBrowser 内の別のページに移動すると、loadstop、loadstart などではなく、イベントが再度発生しないという問題があります。これらのイベントは 1 回しか発生しません。これは、次のように述べている仕様に反しているようです。
「loadstart: InAppBrowser が URL の読み込みを開始すると、イベントが発生します。」
最初のページだけでなく、開いているサイトのすべてのページを変更できるようにしたいと考えています。