Firefox Add-ons & Plug-ins (2)

DOM Inspector
DOM Inspector ဆိုတာ ကၽြန္ေတာ္တို႔ အသံုးျပဳေနတဲ့ အင္တာနက္ၾကည့္ ေဆာ့ဖ္၀ဲ မီးေျမေခြး (Firefox) ရဲ႕ Add-ons တစ္ခု ျဖစ္ပါတယ္... အတိုေကာက္ DOMi လို႔ ေခၚၾကပါတယ္

DOM
(Document Object Model) အင္တာနက္စာမ်က္ႏွာ တစ္ခုအတြင္းမွာ
ထည့္သြင္းမယ့္ အရာ၀တၱဳေတြကို ဘယ္လို ေနရာ ခ်ထားမလဲဆိုတဲ့ သတ္မွတ္ခ်က္မ်ား
Source-http://www.metromemetics.com/thelexicon/d.asp

DOMi ကို ဘာအတြက္ အသံုးျပဳလို႔ရသလဲ ဆိုရင္ အင္တာနက္ စာမ်က္ႏွာတစ္ခု ရဲ႕ ေနာက္ဘက္ ကၽြန္ေတာ္တို႔ မျမင္ရတဲ့ အတြင္းပိုင္းမွာ ရွိေနတဲ့ အေၾကာင္းအရာေတြကို အလြယ္တကူ ၾကည့္ခ်င္ ျမင္ခ်င္တဲ့ အခါမွာ အသံုးျပဳႏိုင္ပါတယ္ ... ဒါတင္မကေသးပါဘူး ကိုယ္တစ္ခါမွ မၾကည့္ဖူးေသးတဲ့ အင္တာနက္စာမ်က္ႏွာ တစ္ခုကို ဒီအတိုင္းသြားၾကည့္ဖို႔ ၀န္ေလး ေနတယ္၊ အထဲမွာ ဘယ္လို အေၾကာင္း အရာေတြပါေနတယ္ ဆိုတာသိခ်င္ရင္လည္း အဲဒီ ပရိုဂရမ္ရဲ႕ File --> Inspect a URL ... ကေနတစ္ဆင့္ သိခ်င္တဲ့ အင္တာနက္ လိပ္စာေလးကို ထည့္လိုက္ရုံပါပဲ.. အဲဒီအခါမွာ ကၽြန္ေတာ္တို႔ ထည့္လိုက္တဲ့ လိပ္စာဟာ DOMi ရဲ႕ ကိုယ္ပိုင္ Window ထဲက Window အေသးေလးတစ္ခု အေနနဲ႔ ေပၚလာမွာ ျဖစ္ပါတယ္..

DOM တစ္ခုအတြင္းမွာ ပါေနတဲ့ အေၾကာင္းအရာေတြကို Tree Structure အျဖစ္နဲ႔ ၾကည့္လို႕ရပါတယ္ ... ပိုရွင္းေအာင္ေျပာရမယ္ဆိုရင္ ကၽြန္ေတာ္တို႔ ကြန္ပ်ဳတာထဲက ဖိုလ္ဒါ (Folder) တစ္ခုကို Right Click -> Explore ဆိုျပီးၾကည့္တဲ့ အခါ ျမင္ရတဲ့ ပံုစံမ်ဳိးကို ဆိုလိုတာပါ .. သက္ဆိုင္ရာ Node ေလးေတြ (အေပါင္း+/အႏႈတ္ - လကၡဏာနဲ႔ ျမင္ေတြ႔ ရပါတယ္) ကို ကလစ္လုပ္တဲ့ အခါတိုင္း ေအာက္ဘက္ျခမ္းက သက္ဆိုင္ရာေနရာမွာ အနီေရာင္ ေလးေထာင့္ကြက္နဲ႔ မွိတ္ခ်ီလင္းခ်ီ ၃ ၾကိမ္ျပေနမွာ ျဖစ္ပါတယ္ ...
ဒါတင္မကေသးပါဘူး Box Model, XBL bindings, CSS style rules, Computed styles နဲ႕ JavaScript Objects ေတြအျဖစ္နဲ႔ လည္းေရြးခ်ယ္ ၾကည့္ရႈႏိုင္ပါေသးတယ္ ..
သူမ်ားေတြ ဘာလုပ္ထားသလဲ ကိုယ္လုပ္ထားတာေတြကေရာ ဘယ္လိုလဲ အားလံုးကို တစ္ပိုင္းစီ စိတ္ၾကိဳက္ ျပန္ေလ့လာလို႔ရပါတယ္ ... ေအာက္မွာ ကၽြန္ေတာ့္ ဘေလာ့ခ္ကို DOMi ထဲမွာ ျပန္ျပီး ေမႊၾကည့္ထားတဲ့ ပံုေလးကို ၾကည့္လို႔ရပါတယ္ ... ပံုရဲ႕ အခ်ဳိ႕ေနရာေလးေတြမွာ အညႊန္းေလးေတြပါ ထည့္ေပးထား ပါေသးတယ္ ...
Firefox-https://addons.mozilla.org/firefox/addon/1806

• နမူနာပံုေလး

ဆက္လက္ ေဖာ္ျပပါမည္ ...
REF-
-http://www.mozilla.org/projects/inspector/faq.html
-http://www.mozilla.org/projects/inspector/
-http://en.wikipedia.org/wiki/DOM_Inspector
-http://en.wikipedia.org/wiki/Document_Object_Model
Can Learn How to Use DOMi More Detail at:
-http://developer.mozilla.org/en/docs/Introduction_to_DOM_Inspector

• ဒီကေနေျပာလို႕ရပါတယ္