RemoteJS tips: attach jquery to current page

[Akhmad Fathonih]

Ini sebenarnya sudah bikin penasaran dari kemarin. Kalau bisa console.log, apa bisa touch ke DOM juga?

Ternyata bisa! :D

Obvious, untuk sekedar testing atau justru untuk membantu debugging maka kita bisa attach jQuery ke halaman yang sedang kita debug. Caranya simpel, cukup bikin element <script> lalu attach ke head. Seperti yang dicontohkan di: http://www.learningjquery.com/2006/12/jquerify-bookmarklet

So, setelah kita bukan remotejs dan ketik http://google.com misalnya, kita bisa mengetik command berikut:

s=document.createElement('script');
s.setAttribute('src','h' + 'ttp://jquery.com/src/jquery-latest.js'); // http sengaja dipecah biar tidak kena greedy match RemoteJS UI

document.getElementsByTagName('body')[0].appendChild(s);

Voila:

> console.log($);
function (selector, context) {
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector, context )

selanjutnya, jquery seperti biasa:

> $('a').each(function() {$(this).html('remotejs')})

Hasilnya bisa dilihat di attachment.

Screenshot didapatkan dengan jalan masuk adb shell:

# cp /data/data/com.sencha.remotejs/cache/remotejs-capture.png /data/

# chmod

Usage: chmod <MODE> <FILE>

# chmod 666 /data/remotejs-capture.png

Lalu kita adb pull ke lokal

Selamat mencoba :)
--
http://launchpad.navinot.com - Dukung Startup Lokal!
http://navinot.com - Slashing Web & Online Strategy

[Ariya Hidayat]

> Ini sebenarnya sudah bikin penasaran dari kemarin. Kalau bisa console.log,
> apa bisa touch ke DOM juga?
> Ternyata bisa! :D
> Obvious, untuk sekedar testing atau justru untuk membantu debugging maka
> kita bisa attach jQuery ke halaman yang sedang kita debug. Caranya simpel,
> cukup bikin element <script> lalu attach ke head. Seperti yang dicontohkan
> di: http://www.learningjquery.com/2006/12/jquerify-bookmarklet

Menarik sekali tipnya :) Bagus untuk dibuat jadi blog singkat, nanti
bisa saya link.
Lebih baik kalau yang di-injeksi adalah Ext (Core) dan bukan jQuery :)

> Screenshot didapatkan dengan jalan masuk adb shell:
> # cp /data/data/com.sencha.remotejs/cache/remotejs-capture.png /data/
> # chmod
> Usage: chmod <MODE> <FILE>
> # chmod 666 /data/remotejs-capture.png
> Lalu kita adb pull ke lokal

Aha, permission problem?

Bisa dicoba patch berikut: http://pastie.org/1288853

--
Ariya