របៀបមើលប្រភព HTML នៅក្នុង Google Chrome

រៀនពីរបៀបបង្កើតវេបសាយដោយមើលកូដប្រភពរបស់វា

នៅពេលខ្ញុំចាប់ផ្តើមអាជីពរបស់ខ្ញុំជាអ្នករចនាគេហទំព័រខ្ញុំបានរៀនសូត្រច្រើនណាស់ដោយធ្វើការត្រួតពិនិត្យលើការងាររបស់អ្នករចនាគេហទំព័រផ្សេងទៀតដែលខ្ញុំកោតសរសើរ។ ខ្ញុំមិននៅម្នាក់ឯងទេ។ មិនថាអ្នកជាមនុស្សថ្មីចំពោះឧស្សាហកម្មអ៊ីនធឺណិតឬអ្នកដែលមានបទពិសោធន៍យូរនោះទេ ការមើលប្រភព HTML នៃទំព័រវ៉ិបសាយផ្សេងៗគឺជាអ្វីមួយដែលអ្នកទំនងជាធ្វើច្រើនដងក្នុងរយៈពេលនៃអាជីពរបស់អ្នក។

សម្រាប់អ្នកដែលថ្មីថ្មោងក្នុងការរចនាគេហទំព័រការមើលលេខកូដប្រភពរបស់គេហទំព័រគឺជាវិធីងាយស្រួលបំផុតមួយដើម្បីមើលថាតើអ្វីខ្លះត្រូវបានធ្វើដូច្នេះអ្នកអាចរៀនពីការងារនោះហើយចាប់ផ្តើមប្រើកូដឬបច្ចេកទេសជាក់លាក់នៅក្នុងការងារផ្ទាល់ខ្លួនរបស់អ្នក។ ក្នុងនាមជាអ្នករចនាគេហទំព័រទាំងអស់ដែលកំពុងធ្វើការសព្វថ្ងៃនេះជាពិសេសអ្នកដែលបានធ្វើវាតាំងពីដំបូងនៃឧស្សាហកម្មហើយវាជាការភ្នាល់ដែលមានសុវត្ថិភាពដែលពួកគេប្រាប់អ្នកថាពួកគេបានរៀន HTML ដោយគ្រាន់តែមើលប្រភពនៃទំព័រវ៉ិបសាយដែលពួកគេបានឃើញហើយត្រូវបានគេចាប់អារម្មណ៍ ដោយ។ បន្ថែមពីលើការ អានសៀវភៅរចនាគេហទំព័រ ឬ ចូលរួមសន្និសីទវិជ្ជាជីវៈ ការមើលកូដប្រភពរបស់វែបសាយត៍គឺជាវិធីដ៏ល្អមួយសម្រាប់អ្នកចាប់ផ្តើមដំបូងក្នុងការរៀន HTML ។

ច្រើនជាង HTML

រឿងមួយដែលត្រូវចងចាំគឺថា ឯកសារប្រភព អាចមានភាពស្មុគស្មាញខ្លាំង (ហើយគេហទំព័រដែលអ្នកកំពុងមើលកាន់តែស្មុគស្មាញគឺមានភាពស្មុគស្មាញដែលកូដតំបន់នោះទំនងជាមានភាពស្មុគស្មាញ) ។ ក្រៅពី រចនាសម្ព័ន្ធ HTML ដែលធ្វើឱ្យទំព័រដែលអ្នកកំពុងមើលវានឹងមាន CSS ផងដែរ (ថ្នាក់រចនាប័ទ្មល្បាក់) ដែលកំណត់រូបរាងដែលអាចមើលឃើញនៃតំបន់បណ្ដាញនោះ។ លើសពីនេះទៅទៀតគេហទំព័រជាច្រើននឹងរួមបញ្ចូលឯកសារស្គ្រីបរួមជាមួយ HTML ។

វាទំនងជាមានឯកសារស្គ្រីបច្រើនដែលបានបញ្ចូលក្នុងការពិតមួយៗផ្តល់អំណាចដល់ទិដ្ឋភាពផ្សេងៗគ្នានៃគេហទំព័រ។ និយាយតាមត្រង់ទៅកូដប្រភពរបស់វែបសាយត៍ហាក់ដូចជាមានភាពលើសលប់ជាពិសេសប្រសិនបើអ្នកជាមនុស្សថ្មីក្នុងការធ្វើវា។ កុំខកខានប្រសិនបើអ្នកមិនអាចរកឃើញអ្វីដែលកើតឡើងជាមួយគេហទំព័រនោះភ្លាមៗ។ ការមើល ប្រភព HTML គឺគ្រាន់តែជាជំហានដំបូងក្នុងដំណើរការនេះ។ ជាមួយនឹងបទពិសោធតិចតួចអ្នកនឹងចាប់ផ្ដើមយល់ដឹងកាន់តែច្បាស់ថាតើបំណែកទាំងនេះសមនឹងការបង្កើតគេហទំព័រដែលអ្នកឃើញនៅក្នុងកម្មវិធីរុករករបស់អ្នក។ នៅពេលដែលអ្នកកាន់តែយល់ច្បាស់អំពីកូដអ្នកនឹងអាចរៀនបន្ថែមទៀតពីវាហើយវាហាក់ដូចជាមិនធ្វើឱ្យអ្នកភ័យខ្លាច។

ដូច្នេះតើអ្នកមើលកូដប្រភពរបស់គេហទំព័រយ៉ាងដូចម្តេច? នេះជាការណែនាំជាជំហាន ៗ ដើម្បីធ្វើដូច្នេះដោយប្រើកម្មវិធីរុករក Google Chrome ។

ជំហានដោយជំហានសេចក្តីណែនាំ

1. បើក កម្មវិធីរុករកបណ្ដាញ Google Chrome (ប្រសិនបើអ្នកមិនបានដំឡើង Google Chrome នេះគឺជាការទាញយកដោយឥតគិតថ្លៃ) ។
2. រុករក ទំព័របណ្ដាញដែលអ្នកចង់ពិនិត្យ ។
3. ចុចកណ្ដុរស្ដាំ លើទំព័រ ហើយពិនិត្យមើលលើម៉ឺនុយដែលលេចឡើង។ ពីម៉ឺនុយនោះចុច មើលប្រភពទំព័រ ។
4. កូដប្រភពសម្រាប់ទំព័រនោះឥឡូវនេះនឹងលេចឡើងជាផ្ទាំងថ្មីនៅក្នុងកម្មវិធីអ៊ីនធឺណិត។
5. ជាជម្រើសអ្នកក៏អាចប្រើផ្លូវកាត់ក្តារចុចរបស់ CTRL + U នៅលើ PC ដើម្បីបើកបង្អួចដែលមានកូដប្រភពរបស់វែបសាយត៍។ នៅលើ Mac ផ្លូវកាត់នេះគឺ Command + Alt + U ។

ឧបករណ៍អ្នកអភិវឌ្ឍន៍

បន្ថែមទៅនឹងលទ្ធភាព ប្រភពទំព័រមើល សាមញ្ញដែល Google Chrome ផ្តល់ជូនអ្នកក៏អាចទាញយកគុណប្រយោជន៍នៃឧបករណ៍អភិវឌ្ឍន៍ដ៏ល្អបំផុតរបស់ពួកគេដើម្បីជីកកាន់តែជ្រៅទៅក្នុងគេហទំព័រ។ ឧបករណ៍ទាំងនេះនឹងអនុញ្ញាតឱ្យអ្នកមិនត្រឹមតែឃើញ HTML ប៉ុណ្ណោះទេប៉ុន្តែថែមទាំង CSS ដែលត្រូវបានអនុវត្តដើម្បីមើលធាតុនៅក្នុងឯកសារ HTML នោះ។

ដើម្បីប្រើឧបករណ៍អ្នកអភិវឌ្ឍន៍របស់ Chrome:

1. បើក Google Chrome ។
2. រុករក ទំព័របណ្ដាញដែលអ្នកចង់ពិនិត្យ ។
3. ចុច រូបតំណាងដែលមានបន្ទាត់ចំនួនបី នៅជ្រុងខាងស្តាំនៃបង្អួចកម្មវិធីអ៊ីនធឺណិត។
4. ពីម៉ឺនុយទម្លាក់លើ ឧបករណ៍ជាច្រើន ទៀតហើយបន្ទាប់មកចុច ឧបករណ៍អ្នកអភិវឌ្ឍន៍ នៅក្នុងម៉ឺនុយដែលលេចឡើង។
5. វានឹងបើកបង្អួចដែលបង្ហាញកូដប្រភព HTML នៅខាងឆ្វេងស្លាបព្រិលនិង CSS ពាក់ព័ន្ធនៅខាងស្តាំ។
6. ជាជម្រើសប្រសិនបើអ្នកចុចខាងស្ដាំលើ ធាតុនៅក្នុងទំព័របណ្តាញ ហើយជ្រើសរើស ពិនិត្យមើល ពីម៉ឺនុយលេចឡើងឧបករណ៍អភិវឌ្ឍន៍របស់ Chrome នឹងលេចឡើងហើយធាតុពិតដែលអ្នកបានជ្រើសរើសនឹងត្រូវបានបន្លិចនៅក្នុង HTML ដែលមាន CSS ដែលត្រូវគ្នាដែលបង្ហាញនៅខាងស្តាំ។ វាមានប្រយោជន៍ច្រើនណាស់ប្រសិនបើអ្នកចង់ស្វែងយល់បន្ថែមអំពីរបៀបដែលបំណែកជាក់លាក់នៃគេហទំព័រត្រូវបានបង្កើត។

តើការមើលកូដប្រភពច្បាប់?

ប៉ុន្មានឆ្នាំមកនេះខ្ញុំមានអ្នករចនាគេហទំព័រថ្មីជាច្រើនសួរថាតើវាអាចមើលកូដប្រភពរបស់វែបសាយត៍ហើយប្រើវាសម្រាប់ការអប់រំរបស់ពួកគេហើយទីបំផុតសម្រាប់ការងារដែលពួកគេធ្វើ។ ខណៈពេលដែលចម្លងកូដតំបន់បណ្តាញលក់ដុំនិងការឆ្លងកាត់វាជាការផ្ទាល់ខ្លួនរបស់អ្នកនៅលើវែបសាយមួយគឺពិតជាមិនអាចទទួលយកបានដោយប្រើកូដថាជា springboard ដើម្បីរៀនពីគឺជាការពិតរបៀបជាច្រើនជឿនលឿនត្រូវបានធ្វើឡើងនៅក្នុងឧស្សាហកម្មនេះ។

ដូចដែលខ្ញុំបានរៀបរាប់នៅដើមអត្ថបទនេះអ្នកនឹងពិបាកសង្កត់ធ្ងន់ក្នុងការស្វែងរកអ្នកជំនាញខាងបណ្ដាញការងារដែលមិនធ្លាប់បានរៀនអ្វីមួយដោយការមើលប្រភពរបស់គេហទំព័រនេះ! បាទ / ចាសមើលកូដប្រភពរបស់គេហទំព័រគឺស្របច្បាប់។ ការប្រើកូដនោះជាធនធានដើម្បីបង្កើតអ្វីដែលស្រដៀងនឹងនេះគឺល្អផងដែរ។ ការទទួលយកលេខកូដហើយធ្វើឱ្យការងាររបស់អ្នកក្លាយជាកន្លែងដែលអ្នកចាប់ផ្តើមមានបញ្ហា។

នៅទីបញ្ចប់អ្នកជំនាញបណ្ដាញសិក្សាពីគ្នាហើយជារឿយៗធ្វើឱ្យប្រសើរឡើងលើការងារដែលពួកគេមើលឃើញនិងត្រូវបានបំផុសគំនិតដោយដូច្នេះកុំស្ទាក់ស្ទើរក្នុងការមើលកូដប្រភពរបស់គេហទំព័រនិងប្រើវាជាឧបករណ៍សិក្សា។