Web開發(fā)中離不開js,寫js免不了要經(jīng)常查看那個(gè)變量是什么值,那個(gè)變量是什么數(shù)據(jù)類型,那個(gè)變量中含的字符串是什么,以前老是用alert這個(gè)函數(shù),不是很方便,所以才有了寫下面這個(gè)插件的想法。水平有限,寫的代碼可能會(huì)很亂,當(dāng)然也可能會(huì)包含很多bug,畢竟呢,我的水平一般般,不是很好,js很多東西學(xué)的不是很好?。。?!
查看源碼你可以得到下面的知識(shí),以后就不要到處搜索了,直接copy!
:
1.類似jquery的ready函數(shù)了,從別處copy過來的了,你不需要為了這個(gè)ready再去導(dǎo)入整個(gè)jquery
2.for(x in obj )的用法,并將obj里的所有值顯示出來,當(dāng)然還要包括值的數(shù)據(jù)類型
3.鍵盤事件(這里主要是用了ctrl+enter這個(gè)組合鍵來顯示Ui界面,當(dāng)然再次按ctrl+enter會(huì)隱藏Ui界面)
4.實(shí)現(xiàn)一個(gè)Div在顯示屏幕的位置隨scroll的拖動(dòng)而固定在顯示屏幕的位置
5.Div的可拖拽事件
//=====================================
有了這個(gè)控件能干什么,很簡單,就是你想看某個(gè)框架或者控件有那些方法,哪怕是那些未開源的(例如文檔還不是很全的情況下),你一樣能一窺他的內(nèi)部,當(dāng)然也不是什么屬性都能顯示出來,這個(gè)還是有點(diǎn)局限性,例如window只能列出一些通用的屬性,自定義的屬性并不一定全出來。
怎么用呢?很簡單,一是在輸入框里,輸入你要看的變量名稱,
如obj={x:'y'};在輸入框中輸入obj,點(diǎn)擊解析就行了。
或者直接在輸入框中輸入{x:'y'}
如果輸入的變量名稱對(duì)應(yīng)的值不是一個(gè)對(duì)象的話,將不顯示一個(gè)樹形結(jié)構(gòu),而直接顯示它的值和值類型
查看源碼你可以得到下面的知識(shí),以后就不要到處搜索了,直接copy!

1.類似jquery的ready函數(shù)了,從別處copy過來的了,你不需要為了這個(gè)ready再去導(dǎo)入整個(gè)jquery
2.for(x in obj )的用法,并將obj里的所有值顯示出來,當(dāng)然還要包括值的數(shù)據(jù)類型
3.鍵盤事件(這里主要是用了ctrl+enter這個(gè)組合鍵來顯示Ui界面,當(dāng)然再次按ctrl+enter會(huì)隱藏Ui界面)
4.實(shí)現(xiàn)一個(gè)Div在顯示屏幕的位置隨scroll的拖動(dòng)而固定在顯示屏幕的位置
5.Div的可拖拽事件
//=====================================
有了這個(gè)控件能干什么,很簡單,就是你想看某個(gè)框架或者控件有那些方法,哪怕是那些未開源的(例如文檔還不是很全的情況下),你一樣能一窺他的內(nèi)部,當(dāng)然也不是什么屬性都能顯示出來,這個(gè)還是有點(diǎn)局限性,例如window只能列出一些通用的屬性,自定義的屬性并不一定全出來。
怎么用呢?很簡單,一是在輸入框里,輸入你要看的變量名稱,
如obj={x:'y'};在輸入框中輸入obj,點(diǎn)擊解析就行了。
或者直接在輸入框中輸入{x:'y'}
如果輸入的變量名稱對(duì)應(yīng)的值不是一個(gè)對(duì)象的話,將不顯示一個(gè)樹形結(jié)構(gòu),而直接顯示它的值和值類型

更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號(hào)聯(lián)系: 360901061
您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長非常感激您!手機(jī)微信長按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
