chrome dev tools notları

chrome console.....

var tut=document.getElementById("dugme")

monitorEvent(tut);
ya da

monitorEvent(tut,['click','mousedown']);

----------------------------------------------------------------------------------------------------------------

içerik düzenlemek için

chrome console......

document.body.contentEditable=true

------------------------------------------------------------------

json  ve array datalarını tablo şeklinde görüntülemek için kulanılır. tek boyutu dizilerde kullanılmaz.

json datası kullanılmadan önce parse edilmelidir.

chrome console .....

Örnek 1:

var deneme = {

'yourname':{'l':'Adınız ','r':1,'t':'yourname'},'email':{'l':'Emailiniz ','r':1,'f':'email' ,'t':'email'},'people':{'l':'Gönderilecek Kişiler ','r':1,'t':'people'},'recommendmessage':{'l':'Tavsiye Mesajı ','r' :1 ,'mx':300 ,'mn':5 }}

console.table(deneme);

Örnek 2:

var languages = {

    csharp: { name: "C#", paradigm: "object-oriented" },

    fsharp: { name: "F#", paradigm: "functional" }

};

console.table(languages);

Örnek 3:

var sku=[{'stokId':'325','stokAdet':'28','fiyat':'0.1', 'kdvDahil':'True',kdvOran:'18',varyantMi:'1',resim:624},{'stokId':'326','stokAdet':'6','fiyat':'0.5', 'kdvDahil':'True',kdvOran:'18',varyantMi:'1',resim:623}];

console.table(sku)

detay: https://developer.mozilla.org/en-US/docs/Web/API/Console/table