ទំព័រវ៉ែបដែលអ្នកកំពុងអានមានរួមបញ្ចូលនូវលេខកូដដើម។ នោះជាពត៌មានដែលអ្នកទាញយកកម្មវិធីអ៊ីនធឺណិតរបស់អ្នកនិងបកប្រែទៅជាអ្វីដែលអ្នកកំពុងអាននាពេលឥឡូវនេះ។
កម្មវិធីរុករកបណ្ដាញភាគច្រើនផ្ដល់នូវសមត្ថភាពក្នុងការមើលឃើញលេខកូដប្រភពនៃគេហទំព័រដោយមិនចាំបាច់កម្មវិធីបន្ថែមទេមិនថាអ្នកមានប្រភេទឧបករណ៍អ្វីក៏ដោយ។
អ្នកខ្លះថែមទាំងផ្តល់នូវមុខងារនិងរចនាសម្ពន្ធ័ទំនើបដែលធ្វើឱ្យវាកាន់តែងាយស្រួលក្នុងការប្រើ កូដ HTML និងកូដសរសេរផ្សេងទៀតនៅលើទំព័រ។
ហេតុអ្វីអ្នកចង់ឃើញលេខកូដប្រភព?
មានមូលហេតុជាច្រើនដែលអ្នកប្រហែលជាចង់ឃើញកូដប្រភពរបស់ទំព័រ។ ប្រសិនបើអ្នកជាអ្នកអភិវឌ្ឍន៍វិបសាយ, ប្រហែលជាអ្នកចង់មើលនៅក្រោមគ្របដោយរចនាប័ទ្មឬការអនុវត្តជាក់លាក់របស់អ្នកសរសេរកម្មវិធីផ្សេងទៀត។ ប្រហែលជាអ្នកស្ថិតក្នុងការធានាគុណភាពហើយកំពុងព្យាយាមរកឱ្យឃើញថាហេតុអ្វីបានជាផ្នែកមួយនៃទំព័របណ្ដាញមួយត្រូវបានបង្ហាញឬអាកប្បកិរិយារបស់វា។
អ្នកក៏អាចជាមនុស្សដំបូងដែលព្យាយាមរៀនរបៀបសរសេរកូដទំព័រផ្ទាល់ខ្លួនរបស់អ្នកនិងកំពុងស្វែងរកគំរូជាក់ស្តែងខ្លះ។ ជាការពិតណាស់វាអាចទៅរួចដែលអ្នកមិនចូលទៅក្នុងប្រភេទណាមួយនៃប្រភេទទាំងនេះហើយគ្រាន់តែចង់មើលប្រភពពីការចង់ដឹងចង់ឃើញ។
ខាងក្រោមនេះគឺជាការណែនាំអំពីរបៀបមើលកូដប្រភពនៅក្នុងកម្មវិធីរុករករបស់អ្នក។
Google Chrome
ដំណើរការលើ: Chrome OS, Linux, macOS, Windows
កំណែផ្ទៃតុរបស់ Chrome ផ្តល់វិធីសាស្ត្របីផ្សេងគ្នាសម្រាប់ការមើលកូដប្រភពរបស់ទំព័រដំបូងនិងងាយស្រួលបំផុតដោយប្រើផ្លូវកាត់ក្តារចុចដូចខាងក្រោម: CTRL + U ( COMMAND + OPTION + U on macOS) ។
នៅពេលដែលចុចផ្លូវកាត់នេះបើកផ្ទាំងកម្មវិធីរុករកថ្មីមួយដែលបង្ហាញ HTML និងកូដផ្សេងទៀតសម្រាប់ទំព័រសកម្ម។ ប្រភពនេះត្រូវបានសរសេរកូដពណ៌និងរៀបចំឡើងតាមរបៀបដែលធ្វើឱ្យងាយស្រួលក្នុងការបែងចែកនិងរកអ្វីដែលអ្នកកំពុងស្វែងរក។ អ្នកក៏អាចចូលទៅទីនោះដោយបញ្ចូលអត្ថបទខាងក្រោមនៅក្នុងរបារអាសយដ្ឋានរបស់ Chrome ដែលបន្ថែមទៅខាងឆ្វេងនៃ URL របស់ គេហទំព័រ ហើយចុច Key បញ្ចូល : មើលប្រភព: (ឧទាហរណ៍ប្រភពមើល: https: // www ។ ។ ) ។
វិធីសាស្ត្រទីបីគឺតាមរយៈ ឧបករណ៍អភិវឌ្ឍន៍ របស់ Chrome ដែលអនុញ្ញាតឱ្យអ្នកជ្រៀតចូលជ្រៅទៅក្នុងលេខកូដរបស់ទំព័រក៏ដូចជាកែប្រែវាឱ្យរហ័សសម្រាប់គោលបំណងសាកល្បងនិងអភិវឌ្ឍន៍។ ចំណុចប្រទាក់ឧបករណ៍អភិវឌ្ឍន៍អាចត្រូវបានបើកនិងបិទដោយប្រើផ្លូវកាត់ក្តារចុចនេះ: CTRL + SHIFT + I ( COMMAND + OPTION + I លើ macOS) ។ អ្នកក៏អាចចាប់ផ្ដើមពួកវាតាមផ្លូវដូចខាងក្រោម។
- ចុចលើប៊ូតុងម៉ឺនុយមេរបស់ Chrome ដែលស្ថិតនៅជ្រុងខាងស្តាំខាងលើនិងតំណាងដោយចំណុចឈរបញ្ឈរបី។
- នៅពេលដែលម៉ឺនុយធ្លាក់ចុះលេចឡើងដាក់ព្រួញកណ្តុររបស់អ្នកនៅលើជម្រើស ឧបករណ៍ជាច្រើនទៀត ។
- នៅពេលម៉ឺនុយរងលេចឡើងសូមចុចលើ ឧបករណ៍អ្នកអភិវឌ្ឍន៍ ។
Android
ការមើលប្រភពទំព័របណ្ដាញនៅក្នុង Chrome សម្រាប់ Android គឺមានលក្ខណៈសាមញ្ញដូចការបន្ថែមអត្ថបទខាងក្រោមទៅខាងមុខអាសយដ្ឋាន (ឬ URL) របស់វាហើយដាក់ស្នើវា: view-source: ។ ឧទាហរណ៏នៃការនេះនឹងត្រូវបាន មើលប្រភព: https: // www ។ ។ HTML និងកូដផ្សេងទៀតពីទំព័រដែលបានសួរនឹងត្រូវបានបង្ហាញភ្លាមៗនៅក្នុងផ្ទាំងវីនដូសកម្ម។
iOS
ខណៈពេលដែលមិនមានវិធីសាស្រ្តដើមសម្រាប់មើលកូដប្រភពដោយប្រើ Chrome នៅលើ iPad របស់អ្នក, ទូរស័ព្ទ iPhone ឬ iPod touch, សាមញ្ញបំផុតនិងមានប្រសិទ្ធភាពបំផុតគឺត្រូវប្រើដំណោះស្រាយភាគីទីបីដូចជាកម្មវិធីមើលប្រភព។
អាចប្រើបានសម្រាប់ $ 0.99 ក្នុង App Store មើលប្រភពរំលឹកឱ្យអ្នកបញ្ចូល URL របស់ទំព័រ (ឬចម្លង / បិទភ្ជាប់វាពីរបារអាសយដ្ឋានរបស់ Chrome ដែលជួនកាលជាផ្លូវដែលស្រួលប្រើបំផុត) ហើយនោះហើយជាវា។ បន្ថែមពីលើការបង្ហាញកូដ HTML និងកូដប្រភពផ្សេងទៀតកម្មវិធីនេះក៏មានផ្ទាំងដែលបង្ហាញទ្រព្យសម្បត្តិទំព័រនីមួយៗផងដែរដូចជាឯកសារគំរូឯកសារ (DOM) ក៏ដូចជាទំហំទំព័រ ខូឃីស៍ និងពត៌មានលំអិតផ្សេងទៀត។
Microsoft Edge
ដំណើរការលើ: វីនដូ
កម្មវិធីរុករកគែមអនុញ្ញាតឱ្យអ្នកមើលវិភាគនិងរៀបចំលេខកូដប្រភពរបស់ទំព័របច្ចុប្បន្នតាមរយៈចំណុចប្រទាក់ អ្នកអភិវឌ្ឍន៍ របស់ខ្លួន។ ដើម្បីចូលប្រើឧបករណ៍ដ៏មានប្រយោជន៍នេះអ្នកអាចប្រើផ្លូវកាត់ក្តារចុចទាំងនេះ: F12 ឬ CTRL + U ។ ប្រសិនបើអ្នកចង់ប្រើកណ្តុរជំនួសវិញសូមចុចលើប៊ូតុងម៉ឺនុយរបស់គែម (ចំណុចបីដែលមាននៅជ្រុងខាងស្តាំខាងលើ) ហើយជ្រើសរើសជម្រើស ឧបករណ៍អ្នកអភិវឌ្ឍន៍ F12 ពីបញ្ជី។
បន្ទាប់ពីឧបករណ៍ dev ត្រូវបានដំណើរការជាលើកដំបូងគែមបន្ថែមជម្រើសពីរបន្ថែមទៅម៉ឺនុយបរិបទរបស់កម្មវិធីរុករក (អាចចូលដំណើរការដោយចុចខាងស្តាំនៅគ្រប់ទីកន្លែងនៅក្នុងទំព័រវិប): ពិនិត្យមើលធាតុ និង មើលប្រភព ដែលក្រោយមកបើកផ្នែក បំបាត់កំហុស របស់ dev ។ ចំណុចប្រទាក់ឧបករណ៍ដែលមានកូដប្រភព។
កម្មវិធី Mozilla Firefox
កំពុងរត់លើ: លីនុច, macOS, វីនដូ
ដើម្បីមើលកូដប្រភពរបស់ទំព័រនៅក្នុងកំណែផ្ទៃតុរបស់ Firefox អ្នកអាចចុច CTRL + U ( COMMAND + U on macOS) នៅលើក្ដារចុចរបស់អ្នកដែលនឹងបើកផ្ទាំងថ្មីមួយដែលមាន HTML និងកូដផ្សេងទៀតសម្រាប់ទំព័រវ៉ិបសាយសកម្ម។
ការវាយអត្ថបទដូចខាងក្រោមទៅក្នុងរបារអាសយដ្ឋានរបស់ Firefox ដោយផ្ទាល់នៅខាងឆ្វេង URL របស់ទំព័រនេះនឹងបណ្តាលឱ្យប្រភពដូចគ្នាបង្ហាញនៅក្នុងផ្ទាំងបច្ចុប្បន្នជំនួសវិញ: មើលប្រភព: (ឧទាហរណ៍ប្រភពមើល: https: // www ។ ) ។
មធ្យោបាយមួយទៀតដើម្បីចូលប្រើកូដប្រភពរបស់ទំព័រគឺតាមរយៈឧបករណ៍អភិវឌ្ឍន៍របស់ Firefox ដែលអាចចូលដំណើរការបានដោយធ្វើតាមជំហានខាងក្រោម។
- ចុចលើប៊ូតុងម៉ឺនុយមេដែលស្ថិតនៅជ្រុងខាងស្តាំខាងលើនៃបង្អួចកម្មវិធីរុករករបស់អ្នកនិងត្រូវបានតំណាងដោយបន្ទាត់ផ្ដេកបី។
- នៅពេលដែលម៉ឺនុយចេញលេចឡើង, ចុចលើរូបតំណាង អ្នកអភិវឌ្ឍន៍ "wrench" ។
- ម៉ឺនុយបរិបទ អ្នកអភិវឌ្ឍន៍បណ្ដាញ គួរតែអាចមើលឃើញ។ ជ្រើសជម្រើស ប្រភពទំព័រ ។
Firefox ក៏អនុញ្ញាតឱ្យអ្នកមើលកូដប្រភពសម្រាប់ផ្នែកណាមួយនៃទំព័រមួយដែលធ្វើឱ្យងាយស្រួលក្នុងការញែកបញ្ហា។ ដើម្បីធ្វើដូច្នេះលើកដំបូងបន្លិចតំបន់ដែលអ្នកចាប់អារម្មណ៍នឹងកណ្តុររបស់អ្នក។ បន្ទាប់ចុចកណ្តុរខាងស្តាំហើយជ្រើសរើសយក ជម្រើសមើលកូដ ពីម៉ឺនុយបរិបទរបស់កម្មវិធីអ៊ីនធឺណិត។
Android
ការមើលកូដប្រភពនៅក្នុងកំណែប្រព័ន្ធប្រតិបត្តិការ Android របស់ Firefox អាចសម្រេចបានដោយដាក់បុព្វបទ URL របស់គេហទំព័រជាមួយអត្ថបទខាងក្រោម : ។ ឧទាហរណ៍ដើម្បីមើលប្រភព HTML សម្រាប់អ្នកចង់ដាក់អត្ថបទដូចខាងក្រោមនៅក្នុងរបារអាសយដ្ឋានរបស់កម្មវិធីរុករកសូម មើលប្រភព: https: // www ។ ។
iOS
វិធីសាស្រ្តដែលបានផ្ដល់អនុសាសន៍របស់យើងសម្រាប់ការមើលកូដប្រភពគេហទំព័រនៅលើ iPad, iPhone ឬ iPod touch របស់អ្នកគឺតាមរយៈកម្មវិធី View Source ដែលអាចរកបាននៅក្នុង App Store ក្នុងតម្លៃ 0,99 ដុល្លារ។ ខណៈពេលដែលមិនត្រូវបានរួមបញ្ចូលដោយផ្ទាល់ជាមួយ Firefox ទេអ្នកអាចចម្លងនិងបិទភ្ជាប់ URL ពីកម្មវិធីរុករកទៅក្នុងកម្មវិធីដើម្បីបង្ហាញ HTML និងកូដផ្សេងទៀតដែលជាប់ទាក់ទងជាមួយទំព័រក្នុងសំណួរ។
Apple Safari
ដំណើរការលើ iOS និង MacOS
iOS
បើទោះបីជា Safari សម្រាប់ iOS មិនរាប់បញ្ចូលលទ្ធភាពមើលប្រភពទំព័រតាមលំនាំដើមក៏ដោយក៏ browser មិនបានបញ្ចូលជាមួយកម្មវិធី View Source ដែលអាចរកបាននៅក្នុង App Store ក្នុងតម្លៃ 0,99 ដុល្លារ។
បន្ទាប់ពីបានដំឡើងកម្មវិធីភាគីទីបីនេះត្រឡប់ទៅកម្មវិធីរុករក Safari វិញហើយប៉ះលើប៊ូតុង Share ដែលស្ថិតនៅផ្នែកខាងក្រោមនៃអេក្រង់និងត្រូវបានតំណាងដោយព្រួញឡើងលើនិងការ៉េ។ សន្លឹក iOS ចែករំលែកឥឡូវនេះគួរត្រូវបានមើលឃើញដែលដាក់ពាក់កណ្តាលផ្នែកខាងក្រោមនៃបង្អួច Safari របស់អ្នក។ រមូរទៅស្តាំហើយជ្រើសប៊ូតុង ប្រភពមើល ។
កូដប្រភពដែលមានរចនាសម្ព័ន្ធកូដនៃកូដប្រភពទំព័រសកម្មគួរតែត្រូវបានបង្ហាញរួមជាមួយផ្ទាំងផ្សេងទៀតដែលអនុញ្ញាតឱ្យអ្នកមើលធនធានទំព័រស្គ្រីបនិងច្រើនទៀត។
macOS
ដើម្បីមើលកូដប្រភពនៃទំព័រមួយនៅក្នុងកំណែផ្ទៃតុរបស់ Safari ដំបូងអ្នកត្រូវបើកម៉ឺនុយ ការអភិវឌ្ឍន៍ របស់វា។ ជំហានខាងក្រោមដើរអ្នកតាមរយៈការធ្វើឱ្យម៉ឺនុយលាក់នេះលាក់និងបង្ហាញប្រភព HTML របស់ទំព័រ។
- ចុចលើ Safari នៅក្នុងម៉ឺនុយកម្មវិធីរុករកដែលមានទីតាំងស្ថិតនៅផ្នែកខាងលើនៃអេក្រង់។
- នៅពេលដែលម៉ឺនុយទម្លាក់ចុះនឹងលេចឡើងជ្រើសជម្រើស ចំណង់ចំណូលចិត្ត ។
- ចំណង់ចំណូលចិត្តរបស់ Safari គួរតែមើលឃើញ។ ចុចលើរូបតំណាង កំរិតខ្ពស់ ដែលស្ថិតនៅផ្នែកខាងស្តាំនៃជួរដេកខាងលើ។
- ឆ្ពោះទៅផ្នែកខាងក្រោមនៃផ្នែកកំរិតខ្ពស់គឺជាជម្រើសមួយដែលមានឈ្មោះថា Show Developed menu នៅក្នុងរបារម៉ឺនុយ ដែលអមដោយប្រអប់ធីកទទេ។ ចុចលើប្រអប់នេះម្តងដើម្បីដាក់សញ្ញាធីកមួយនៅក្នុងវានិងបិទបង្អួចចំណង់ចំណូលចិត្តដោយចុចលើក្រហម 'x' ដែលបានរកឃើញនៅជ្រុងខាងឆ្វេងខាងលើ។
- ចុចលើម៉ឺនុយការ អភិវឌ្ឍ , ដែលមានទីតាំងស្ថិតនៅកំពូលនៃអេក្រង់។
- នៅពេលដែលម៉ឺនុយទម្លាក់ចុះនឹងលេចឡើងជ្រើស បង្ហាញប្រភពទំព័រ ។ អ្នកក៏អាចប្រើផ្លូវកាត់ក្តារចុចដូចខាងក្រោមដែរ: COMMAND + OPTION + U ។
ល្ខោន
កំពុងរត់លើ: លីនុច, macOS, វីនដូ
ដើម្បីមើលកូដប្រភពពីទំព័របណ្ដាញសកម្មនៅក្នុងកម្មវិធីរុករកអូប៉េរ៉ាសូមប្រើផ្លូវកាត់ក្តារចុចដូចខាងក្រោម: CTRL + U ( COMMAND + OPTION + U on macOS) ។ ប្រសិនបើអ្នកចង់ផ្ទុកប្រភពនៅក្នុងផ្ទាំងបច្ចុប្បន្នវាយបញ្ចូលអត្ថបទខាងក្រោមនៅខាងឆ្វេង URL របស់ទំព័រនៅក្នុងរបារអាសយដ្ឋានហើយចុច Enter : view-source: (ឧទាហរណ៍ប្រភពមើល: https: // www ។ ) ។
កំណែផ្ទៃតុរបស់ Opera ក៏អនុញ្ញាតឱ្យអ្នកមើលប្រភព HTML, CSS និងធាតុផ្សេងទៀតដោយប្រើ ឧបករណ៍អភិវឌ្ឍន៍ រួមបញ្ចូលរបស់វា។ ដើម្បីបើកដំណើរការចំណុចប្រទាក់នេះដែលតាមលំនាំដើមនឹងលេចឡើងនៅផ្នែកខាងស្តាំនៃបង្អួចកម្មវិធីរុករករបស់អ្នកចុចផ្លូវកាត់ក្តារចុចដូចខាងក្រោម: CTRL + SHIFT + I ( COMMAND + OPTION + I on macOS) ។
ឧបករណ៏អភិវឌ្ឍន៍របស់ Opera ក៏អាចចូលដំណើរការបានតាមជំហានដូចខាងក្រោម។
- ចុចលើឡូហ្គោល្ខោនអូប៉េរ៉ាស្ថិតនៅជ្រុងខាងឆ្វេងនៃបង្អួចកម្មវិធីរុករករបស់អ្នក។
- នៅពេលដែលម៉ឺនុយធ្លាក់ចុះលេចឡើងដាក់ព្រួញកណ្តុររបស់អ្នកនៅលើជម្រើស ឧបករណ៍ជាច្រើនទៀត ។
- ចុចលើ ម៉ឺនុយបង្ហាញអ្នកអភិវឌ្ឍន៍ ។
- សូមចុចលើ Logo ឡូហ្គោម្តងទៀត។
- នៅពេលដែលម៉ឺនុយធ្លាក់ចុះលេចឡើងដាក់ទស្សន៍ទ្រនិចរបស់អ្នកនៅលើ អ្នកអភិវឌ្ឍន៍ ។
- នៅពេលម៉ឺនុយរងលេចឡើងសូមចុចលើ ឧបករណ៍អ្នកអភិវឌ្ឍន៍ ។
Vivaldi
មានវិធីជាច្រើនដើម្បីមើលប្រភពទំព័រនៅក្នុងកម្មវិធីរុករក Vivaldi ។ ភាពសាមញ្ញបំផុតគឺតាមរយៈផ្លូវកាត់ក្តារចុច CTRL + U ដែលបង្ហាញកូដពីទំព័រដែលសកម្មនៅក្នុងផ្ទាំងថ្មីមួយ។
អ្នកក៏អាចបន្ថែមអត្ថបទខាងក្រោមទៅខាងមុខនៃ URL របស់ទំព័រដែលបង្ហាញកូដប្រភពក្នុងផ្ទាំងបច្ចុប្បន្ន: view-source: ។ ឧទាហរណ៏នៃការនេះនឹងត្រូវបាន មើលប្រភព: http: // www ។ ។
វិធីសាស្ត្រមួយផ្សេងទៀតគឺតាមរយៈឧបករណ៍អភិវឌ្ឍន៍រួមបញ្ចូលរបស់កម្មវិធីរុករកដែលអាចចូលដំណើរការបានដោយចុច បន្សំ CTRL + SHIFT + I ឬតាមជម្រើស ឧបករណ៍អ្នកអភិវឌ្ឍន៍ នៅក្នុងម៉ឺនុយ ឧបករណ៍ របស់កម្មវិធីរុករក - បានរកឃើញដោយចុចលើសញ្ញា 'V' នៅជ្រុងខាងឆ្វេងដៃ។ ការប្រើប្រាស់ឧបករណ៍ dev អនុញ្ញាតឱ្យមានការវិភាគយ៉ាងស៊ីជម្រៅច្រើនពីប្រភពរបស់ទំព័រ។