មើល HTML និង CSS នៃគេហទំព័រណាមួយ
វេបសាយនេះត្រូវបានបង្កើតឡើងដោយមាន កូដកូដ ប៉ុន្តែលទ្ធផលគឺទំព័រជាក់លាក់ជាមួយរូបភាពរូបភាពវីដេអូពុម្ពអក្សរនិងច្រើនទៀត។ ដើម្បីផ្លាស់ប្តូរមួយក្នុងចំណោមធាតុទាំងនោះឬមើលឃើញអ្វីដែលវារួមបញ្ចូលអ្នកត្រូវតែរកឃើញបន្ទាត់ជាក់លាក់នៃកូដដែលគ្រប់គ្រងវា។ អ្នកអាចធ្វើវាជាមួយឧបករណ៍ត្រួតពិនិត្យធាតុ។
កម្មវិធីរុករកបណ្ដាញភាគច្រើនមិនធ្វើឱ្យអ្នកទាញយកឧបករណ៍ត្រួតពិនិត្យឬដំឡើងកម្មវិធីបន្ថែមទេ។ ផ្ទុយទៅវិញពួកវាអនុញ្ញាតឱ្យអ្នកចុចកណ្ដុរខាងស្ដាំលើធាតុទំព័រហើយជ្រើស ពិនិត្យ ឬ ពិនិត្យធាតុ ។ ទោះជាយ៉ាងណាក៏ដោយដំណើរការអាចមានភាពខុសគ្នាតិចតួចនៅក្នុងកម្មវិធីរុករករបស់អ្នក។
ពិនិត្យធាតុនៅក្នុង Chrome
កំណែថ្មីបំផុតរបស់ Google Chrome អនុញ្ញាតឱ្យអ្នកពិនិត្យមើលទំព័រក្នុងវិធីមួយចំនួនដែលទាំងអស់នេះប្រើឧបករណ៍ Chrome DevTools ដែលមានស្រាប់របស់វា:
- ចុចកណ្ដុរស្ដាំលើអ្វីមួយលើទំព័រ (ឬតំបន់ទទេមួយ) ហើយជ្រើស ពិនិត្យ
- បញ្ចូលផ្លូវកាត់ក្តារចុច Ctrl + Shift + I
- ប្រើម៉ឺនុយ Chrome ដើម្បីចូលប្រើ ឧបករណ៍បន្ថែមឧបករណ៍> ឧបករណ៍អ្នកអភិវឌ្ឍន៍
Chrome DevTools អនុញ្ញាតឱ្យអ្នកធ្វើអ្វីមួយដូចជាចម្លងឬកែសម្រួលបន្ទាត់ HTML យ៉ាងងាយស្រួលឬលាក់ឬលុបធាតុទាំងអស់ (រហូតដល់ការផ្ទុកឡើងវិញទំព័រ) ។
នៅពេលដែល DevTools បើកនៅផ្នែកម្ខាងនៃទំព័រអ្នកអាចប្តូរកន្លែងដែលវាត្រូវបានគេដាក់វាលេចចេញពីទំព័រស្វែងរកឯកសារទាំងអស់របស់ទំព័រជ្រើសរើសធាតុពីទំព័រសម្រាប់ការពិនិត្យជាក់លាក់ចម្លងឯកសារនិង URL ហើយថែមទាំងប្តូរប៊័រតាមបំណង។ នៃការកំណត់។
ពិនិត្យធាតុនៅក្នុង Firefox
ដូចជា Chrome ដែរ Firefox មានមធ្យោបាយផ្សេងៗគ្នាដើម្បីបើកឧបករណ៍របស់ខ្លួនដែលហៅថា Inspector:
- ចុចកណ្តុរស្តាំលើផ្ទៃទទេនៅលើទំព័រឬជ្រើសធាតុមួយហើយជ្រើសរើសយក Inspect Element
- បញ្ចូល បញ្ជា (Ctrl) + ប្ដូរ (Shift) + T ឬ បញ្ជា (Ctrl) + ប្ដូរ (Shift) + I ដោយក្តារចុច
- ពីម៉ឺនុយ Firefox ចុច អភិវឌ្ឍន៍ > អធិការ
- ពី ឧបករណ៍ ម៉ឺនុយចុច កម្មវិធីអភិវឌ្ឍន៍បណ្តាញ> អធិការ
ពេលអ្នកផ្លាស់ទីកណ្ដុររបស់អ្នកលើធាតុជាច្រើននៅក្នុង Firefox ឧបករណ៍អធិការបានរកឃើញព័ត៌មានកូដប្រភពរបស់ធាតុដោយស្វ័យប្រវត្តិ។ ចុចធាតុមួយហើយ "ការស្វែងរកជាបន្ទាន់" នឹងឈប់ហើយអ្នកអាចពិនិត្យធាតុពីបង្អួចអធិការ។
ចុចកណ្ដុរខាងស្ដាំលើធាតុមួយដើម្បីរកវត្ថុបញ្ជាទាំងអស់ដែលបានគាំទ្រ។ អ្នកអាចធ្វើអ្វីៗដូចជាកែប្រែទំព័រជា HTML ចម្លងឬបិទភ្ជាប់កូដ HTML ផ្នែកខាងក្នុងឬខាងក្រៅ, បង្ហាញលក្ខណសម្បត្តិរបស់ DOM, រូបថតអេក្រង់ឬលុបថ្នាំង, ងាយស្រួលអនុវត្តគុណលក្ខណៈថ្មី, មើល CSS របស់ទំព័រនិងអ្វីៗជាច្រើនទៀត។
ពិនិត្យធាតុក្នុងល្ខោន
Opera អាចពិនិត្យធាតុផងដែរដោយវាជាឧបករណ៍ DOM Inspector ដែលដូចគ្នានឹង Chrome ដែរ។ នេះជារបៀបដើម្បីទទួលបានវា:
- ប្រើផ្លូវកាត់ក្តារចុច បញ្ជា (Ctrl) + ប្ដូរ (Shift) + I
- រុករក ម៉ឺនុយ> ឧបករណ៍ច្រើនទៀត> បង្ហាញម៉ឺនុយអ្នកអភិវឌ្ឍន៍ ហើយបន្ទាប់មកបើកម៉ឺនុយតាមរយៈ ម៉ឺនុយ> អ្នកអភិវឌ្ឍន៍> ឧបករណ៍អ្នកអភិវឌ្ឍន៍
- ពីម៉ឺនុយចុចកណ្ដុរខាងស្ដាំលើធាតុណាមួយនៅលើទំព័រជ្រើស អធិការធាតុ
ពិនិត្យធាតុក្នុងកម្មវិធីរុករកអ៊ីនធឺណិត
ឧបករណ៍ធាតុពិនិត្យប្រហាក់ប្រហែលគ្នាដែលគេហៅថាឧបករណ៍អ្នកអភិវឌ្ឍន៍អាចរកបាននៅក្នុង Internet Explorer:
- ចុច F12 នៅលើឃីប៊ត
- ប្រើជម្រើស ឧបករណ៍> ជម្រើស F12 អ្នកអភិវឌ្ឍន៍ (ប៉ះ Alt + X ប្រសិនបើអ្នកមិនឃើញម៉ឺនុយ ឧបករណ៍ )
- ចុចកណ្ដុរស្ដាំលើទំព័រហើយចុចលើ អធិការធាតុ
IE មានឧបករណ៍ ធាតុជ្រើស នៅក្នុងម៉ឺនុយថ្មីនេះដែលអនុញ្ញាតឱ្យអ្នកចុចលើធាតុទំព័រណាមួយដើម្បីមើលព័ត៌មានលម្អិត HTML និង CSS របស់វា។ អ្នកក៏អាចបិទ / បើកការបន្លិចធាតុបានយ៉ាងងាយស្រួលនៅពេលដែលអ្នកកំពុងរកមើលតាមផ្ទាំង DOM Explorer ។
ដូចឧបករណ៍ត្រួតពិនិត្យធាតុផ្សំផ្សេងទៀតនៅក្នុងកម្មវិធីរុករកខាងលើកម្មវិធី Internet Explorer អនុញ្ញាតឱ្យអ្នកកាត់ចម្លងនិងបិទភ្ជាប់ធាតុក៏ដូចជាកែសម្រួល HTML បន្ថែមគុណលក្ខណៈចម្លងធាតុជាមួយនឹងរចនាប័ទ្មដែលភ្ជាប់និងផ្សេងទៀត។