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

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

更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

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