01你所不知道的chrome實用功能

  • 獲取DOM元素并以數(shù)組展示
  • 秒變所見即所得的編輯器
  • 獲取某個DOM元素所有綁定的事件
  • 監(jiān)測DOM元素觸發(fā)的事件
  • 用計時器來獲取某段代碼塊的運行時間
  • 以表格的形式輸出數(shù)組
  • 列出某個元素所有屬性苞笨、清理控制臺和內存

注:以下引用的代碼均在控制臺下輸入
1.獲取DOM元素并以數(shù)組展示

 $$("ID");$$("className");$$("tagName");

2.秒變所見即所得的編輯器

document.body.contentEditable=true;

3.獲取某個DOM元素所有綁定的事件

genEventlisteners($("obj"));

4.監(jiān)測DOM元素觸發(fā)的事件

 monitorEvents($("obj"));  //檢測元素上所有事件卜录,在控制臺顯示被觸發(fā)的事件

5.用計時器來獲取某段代碼塊的運行時間

console.time('myTime'); //開始計時 - myTime
    var num=0;
    for(var i=0; i < 10000; i++){
         num+=i;
        }
console.timeEnd('myTime'); //結束并輸出計時時長 - myTime 
 注:myTime可以為任意字符串掏熬,但前后必須一致

6.以表格的形式輸出數(shù)組

var myArray=[{a:1,b:2,c:3},{a:1,b:2,c:3,d:4},{k:11,f:22},{a:1,b:2,c:3}];
console.table(myArray);

效果如下:

| a | b | C | d | j | k |
| :----: |:---------:|:-----:|:-----:|:-----:|:-----:|
| 1 | 2 | 3 | | | |
| 1 | 2 | 3 | 4 | | |
| | | | |11 | 22 |
| 1 | 2 | 3 | | | | |

7.列出某個元素所有屬性兆龙、清理控制臺和內存

dir($("obj"));//輸出所有屬性
clear();//清理控制臺和內存
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末盈魁,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子靠汁,更是在濱河造成了極大的恐慌急黎,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,080評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件琳猫,死亡現(xiàn)場離奇詭異伟叛,居然都是意外死亡,警方通過查閱死者的電腦和手機脐嫂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,422評論 3 385
  • 文/潘曉璐 我一進店門统刮,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人账千,你說我怎么就攤上這事侥蒙。” “怎么了蕊爵?”我有些...
    開封第一講書人閱讀 157,630評論 0 348
  • 文/不壞的土叔 我叫張陵辉哥,是天一觀的道長。 經(jīng)常有香客問我,道長醋旦,這世上最難降的妖魔是什么恒水? 我笑而不...
    開封第一講書人閱讀 56,554評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮饲齐,結果婚禮上钉凌,老公的妹妹穿的比我還像新娘。我一直安慰自己捂人,他們只是感情好御雕,可當我...
    茶點故事閱讀 65,662評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著滥搭,像睡著了一般酸纲。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上瑟匆,一...
    開封第一講書人閱讀 49,856評論 1 290
  • 那天闽坡,我揣著相機與錄音,去河邊找鬼愁溜。 笑死疾嗅,一個胖子當著我的面吹牛,可吹牛的內容都是我干的冕象。 我是一名探鬼主播代承,決...
    沈念sama閱讀 39,014評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼渐扮!你這毒婦竟也來了论悴?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,752評論 0 268
  • 序言:老撾萬榮一對情侶失蹤席爽,失蹤者是張志新(化名)和其女友劉穎意荤,沒想到半個月后啊片,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體只锻,經(jīng)...
    沈念sama閱讀 44,212評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,541評論 2 327
  • 正文 我和宋清朗相戀三年紫谷,在試婚紗的時候發(fā)現(xiàn)自己被綠了齐饮。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,687評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡笤昨,死狀恐怖祖驱,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情瞒窒,我是刑警寧澤捺僻,帶...
    沈念sama閱讀 34,347評論 4 331
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響匕坯,放射性物質發(fā)生泄漏束昵。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,973評論 3 315
  • 文/蒙蒙 一葛峻、第九天 我趴在偏房一處隱蔽的房頂上張望锹雏。 院中可真熱鬧,春花似錦术奖、人聲如沸礁遵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,777評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽佣耐。三九已至,卻和暖如春唧龄,著一層夾襖步出監(jiān)牢的瞬間晰赞,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,006評論 1 266
  • 我被黑心中介騙來泰國打工选侨, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留掖鱼,地道東北人。 一個月前我還...
    沈念sama閱讀 46,406評論 2 360
  • 正文 我出身青樓援制,卻偏偏與公主長得像戏挡,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子晨仑,可洞房花燭夜當晚...
    茶點故事閱讀 43,576評論 2 349

推薦閱讀更多精彩內容

  • 工廠模式類似于現(xiàn)實生活中的工廠可以產(chǎn)生大量相似的商品褐墅,去做同樣的事情,實現(xiàn)同樣的效果;這時候需要使用工廠模式洪己。簡單...
    舟漁行舟閱讀 7,727評論 2 17
  • 一妥凳、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結構),知道了CSS樣式(也稱為表示)答捕,會使用HT...
    凜0_0閱讀 2,755評論 0 8
  • 單例模式 適用場景:可能會在場景中使用到對象逝钥,但只有一個實例,加載時并不主動創(chuàng)建拱镐,需要時才創(chuàng)建 最常見的單例模式艘款,...
    Obeing閱讀 2,058評論 1 10
  • 第1章 認識JS JavaScript能做什么?1.增強頁面動態(tài)效果(如:下拉菜單沃琅、圖片輪播哗咆、信息滾動等)2.實現(xiàn)...
    mo默22閱讀 1,252評論 0 5
  • js簡介 Js是一種基于事件和對象驅動的解釋性、松散性的語言益眉。 一切皆對象 javascript 布蘭登艾奇 ...
    塔庫納瑪哈哈閱讀 1,198評論 0 2