របៀបប្រើឧបករណ៍អភិវឌ្ឍន៍កម្មវិធីរុករកបណ្ដាញ

ឧបករណ៍រួមបញ្ចូលគ្នាសម្រាប់អ្នករចនាគេហទំព័រអ្នកអភិវឌ្ឍន៍និងអ្នកសាកល្បង

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

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

ការបង្រៀនដូចខាងក្រោមដើរអ្នកតាមរយៈរបៀបដើម្បីចូលប្រើឧបករណ៍អភិវឌ្ឍន៍ទាំងនេះនៅក្នុងកម្មវិធីរុករកបណ្តាញពេញនិយមជាច្រើន។

Google Chrome

ឧបករណ៍អភិវឌ្ឍន៍របស់ Chrome អនុញ្ញាតឱ្យអ្នកកែសម្រួលនិងកែកូដកូដធាតុផ្សំនីមួយៗដើម្បីបង្ហាញអំពីបញ្ហាដំណើរការបង្ហាញគំរូឧបករណ៍ផ្សេងៗដែលរាប់បញ្ចូលទាំងអ្នកដែលដំណើរការប្រព័ន្ធប្រតិបត្តិការ Android ឬ iOS និងអនុវត្តមុខងារផ្សេងទៀតជាច្រើន។

1. ចុចលើប៊ូតុងម៉ឺនុយមេរបស់ Chrome ដែលត្រូវបានសម្គាល់ដោយបន្ទាត់ផ្ដេកបីនិងស្ថិតនៅជ្រុងខាងស្តាំខាងលើនៃកម្មវិធីអ៊ីនធឺណិត។
2. នៅពេលដែលម៉ឺនុយធ្លាក់ចុះលេចឡើងដាក់ព្រួញកណ្តុររបស់អ្នកនៅលើជម្រើស ឧបករណ៍ជាច្រើនទៀត ។
3. ម៉ឺនុយរងគួរតែលេចឡើង។ ជ្រើសជម្រើសដែលមានស្លាក ឧបករណ៍អភិវឌ្ឍន៍ ។ អ្នកក៏អាចប្រើផ្លូវកាត់ក្តារចុចខាងក្រោមជំនួសធាតុម៉ឺនុយនេះ: Chrome OS / Windows ( CTRL + SHIFT + I ), Mac OS X ( ALT (ជម្រើស) + ពាក្យបញ្ជា + I )
4. ចំណុចប្រទាក់ឧបករណ៍អ្នកអភិវឌ្ឍន៍ Chrome គួរតែត្រូវបានបង្ហាញដូចដែលបានបង្ហាញនៅក្នុងរូបថតអេក្រង់ឧទាហរណ៍នេះ។ អាស្រ័យលើកំណែរបស់ Chrome របស់អ្នកប្លង់ដំបូងដែលអ្នកឃើញអាចមានភាពខុសគ្នាបន្តិចបន្តួចពីមួយដែលបង្ហាញនៅទីនេះ។ ចំណុចសំខាន់នៃឧបករណ៍អភិវឌ្ឍន៍ដែលមានទីតាំងនៅខាងស្តាំឬផ្នែកខាងស្តាំនៃអេក្រង់មានផ្ទាំងដូចខាងក្រោម។
   ធាតុផ្សំ: ផ្តល់លទ្ធភាពពិនិត្យកូដ CSS និង HTML ព្រមទាំងកែសម្រួល CSS ជាបន្ទាន់ដោយមើលឃើញផលប៉ះពាល់នៃការផ្លាស់ប្តូររបស់អ្នកនៅក្នុងពេលវេលាជាក់ស្តែង។
   កុងសូល: កុងសូល JavaScript របស់ Chrome អនុញ្ញាតឱ្យធាតុពាក្យបញ្ជាដោយផ្ទាល់ក៏ដូចជាការកែកំហុស។
   ប្រភព: អនុញ្ញាតឱ្យអ្នកបំបាត់កូដ JavaScript តាមរយៈចំណុចប្រទាក់ក្រាហ្វិកដែលមានអនុភាព។
   បណ្តាញ: ប្រភេទនិងបង្ហាញពត៌មានលំអិតអំពីប្រតិបត្ដិការដែលទាក់ទងគ្នានៅលើកម្មវិធីឬទំព័ររួមបញ្ចូលទាំងការបំពេញនិងការឆ្លើយតបពេញលេញនិងបឋមកថាការឆ្លើយតបក៏ដូចជារង្វាស់ពេលវេលាទំនើប។
   កាលវិភាគ: អនុញ្ញាតឱ្យមានការវិភាគស៊ីជម្រៅគ្រប់សកម្មភាពដែលកើតឡើងនៅក្នុងកម្មវិធីរុករកនៅពេលដែលសំណើទំព័រឬកម្មវិធីត្រូវបានចាប់ផ្ដើម។
5. បន្ថែមលើផ្នែកទាំងនេះអ្នកក៏អាចចូលប្រើឧបករណ៍ខាងក្រោមតាមរយៈ >> រូបតំណាងស្ថិតនៅខាងស្តាំនៃផ្ទាំង ពេលវេលា ។
   ពត៌មាន: បាក់បែកទៅក្នុង ទម្រង់ស៊ីភីយូ និងផ្នែក កម្រាស់អ្នក ផ្តល់នូវការចងចាំដ៏ទូលំទូលាយនិងពេលវេលាប្រតិបត្តិទូទៅនៃកម្មវិធីឬទំព័រដែលសកម្ម។
   សុវត្ថិភាព: គូសបញ្ជាក់បញ្ហាវិញ្ញាបនបត្រនិងបញ្ហាទាក់ទងនឹងសុវត្ថិភាពផ្សេងទៀតជាមួយទំព័រឬកម្មវិធីសកម្ម។
   ធនធាន: នេះគឺជាកន្លែងដែលអ្នកអាចត្រួតពិនិត្យខូឃីស៍ឃ្លាំងផ្ទុកទិន្នន័យឃ្លាំងផ្ទុកទិន្នន័យនិងប្រភពទិន្នន័យក្នុងស្រុកផ្សេងទៀតដែលប្រើដោយគេហទំព័រឬកម្មវិធីបច្ចុប្បន្ន។
   ការធ្វើសវនកម្ម: ផ្តល់នូវវិធីដើម្បីបង្កើនប្រសិទ្ធភាពពេលវេលានៃការផ្ទុកទំព័រឬកម្មវិធីនិងការអនុវត្តទូទៅ។
6. របៀបឧបករណ៍ អនុញ្ញាតឱ្យអ្នកមើលទំព័រសកម្មនៅក្នុងកម្មវិធីក្លែងក្លាយដែលបង្ហាញវាស្ទើរតែដូចអ្វីដែលវានឹងលេចឡើងនៅលើឧបករណ៍មួយក្នុងចំណោមឧបករណ៍រាប់ពាន់រាប់បញ្ចូលទាំងគំរូប្រព័ន្ធប្រតិបត្តិការ Android និង iOS ដ៏ល្បីជាច្រើនដូចជា iPad, iPhone និង Samsung Galaxy ។ អ្នកក៏ត្រូវបានផ្តល់ឱ្យនូវសមត្ថភាពក្នុងការត្រាប់តាមដំណោះស្រាយអេក្រង់ផ្ទាល់ខ្លួនដើម្បីឱ្យសមស្របនឹងតម្រូវការអភិវឌ្ឍន៍ឬការសាកល្បងជាក់លាក់របស់អ្នក។ ដើម្បីបិទ / បើក របៀបឧបករណ៍ ជ្រើសរូបតំណាងទូរស័ព្ទចល័តដែលស្ថិតនៅខាងឆ្វេងនៃផ្ទាំង ធាតុរូបធាតុ ។
7. អ្នកក៏អាចប្ដូររូបរាងនិងមុខងាររបស់ឧបករណ៍អ្នកអភិវឌ្ឍតាមបំណងដំបូងដោយចុចលើប៊ូតុងម៉ឺនុយដែលតំណាងដោយចំណុចឈរបញ្ឈរបីនិងស្ថិតនៅផ្នែកខាងឆ្វេងដៃនៃផ្ទាំងដែលបានបញ្ជាក់។ ពីក្នុងម៉ឺនុយទម្លាក់ចុះនេះអ្នកអាចកំណត់ទីតាំងចត, បង្ហាញឬលាក់ឧបករណ៍ផ្សេងៗក៏ដូចជាបើកដំណើរការធាតុកម្រិតខ្ពស់បន្ថែមទៀតដូចជាអធិការឧបករណ៍ជាដើម។ អ្នកនឹងរកឃើញថាចំណុចប្រទាក់ឧបករណ៍អេឡិចត្រូនិកដោយខ្លួនវាផ្ទាល់អាចកំណត់តាមបំណងខ្ពស់តាមការកំណត់ដែលរកឃើញក្នុងផ្នែកនេះ។

កម្មវិធី Mozilla Firefox

ផ្នែកអភិវឌ្ឍន៍បណ្ដាញ Firefox របស់ Firefox រួមបញ្ចូលទាំងឧបករណ៍សម្រាប់អ្នករចនាអ្នកអភិវឌ្ឍន៍និងអ្នកសាកល្បងដូចគ្នានឹងកម្មវិធីនិពន្ធរចនាប័ទ្មនិងកម្មវិធីជ្រើសរើសយកភីកសែល។

ការអានដែលបានណែនាំ: ស្គ្រីបអ្នកប្រើប្រាស់ Greasemonkey និង Tampermonkey ខាងលើ 25

1. ចុចលើប៊ូតុងម៉ឺនុយមេរបស់ Firefox ដែលតំណាងដោយបន្ទាត់ផ្ដេកបីនិងស្ថិតនៅជ្រុងខាងស្តាំខាងលើនៃបង្អួចកម្មវិធីរុករក។
2. នៅពេលដែលម៉ឺនុយទម្លាក់ចុះនឹងលេចឡើងជ្រើសរើសរូបតំណាង អ្នកអភិវឌ្ឍន៍ ។ ម៉ឺនុយ អភិវឌ្ឍន៍អ៊ីនធឺណិត គួរតែត្រូវបានបង្ហាញដែលមានជម្រើសដូចខាងក្រោម។ អ្នកនឹងកត់សម្គាល់ថាធាតុម៉ឺនុយភាគច្រើនមានផ្លូវកាត់ក្តារចុចដែលទាក់ទងជាមួយពួកគេ។
   បិទ / បើកឧបករណ៍: បង្ហាញឬលាក់ចំណុចប្រទាក់ឧបករណ៍អភិវឌ្ឍន៍ដែលមានទីតាំងនៅខាងក្រោមបង្អួចកម្មវិធីរុករក។ ផ្លូវកាត់ក្ដារចុច: Mac OS X ( ALT (ជម្រើស) + ពាក្យបញ្ជា + I ) វីនដូ ( CTRL + SHIFT + I )
   អធិការ: អនុញ្ញាតឱ្យអ្នកត្រួតពិនិត្យនិង / ឬកែសម្រួលកូដ CSS និង HTML នៅលើទំព័រសកម្មក៏ដូចជានៅលើឧបករណ៍ចល័តមួយតាមរយៈការបំបាត់កំហុសពីចម្ងាយ។ ផ្លូវកាត់ក្តារចុច: Mac OS X ( ALT (ជម្រើស) + បញ្ជា + C ) វីនដូ ( CTRL + SHIFT + C )
   កុងសូលបណ្តាញ: អនុញ្ញាតឱ្យអ្នកប្រតិបត្តិកន្សោម JavaScript នៅក្នុងទំព័រសកម្មក៏ដូចជាពិនិត្យមើលសំណុំទិន្នន័យដែលបានកត់ត្រាទុករួមទាំងការព្រមានសុវត្ថិភាពសំណើបណ្តាញសារ CSS និងច្រើនទៀត។ ផ្លូវកាត់ក្តារចុច: Mac OS X ( ALT (ជម្រើស) + COMMAND + K ) វីនដូ ( CTRL + SHIFT + K )
   កម្មវិធីបំបាត់កំហុស: កម្មវិធីបំបាត់កំហុស JavaScript អនុញ្ញាតឱ្យអ្នកបញ្ជាក់និងជួសជុលការខូចខាតដោយកំណត់ចំណុចឈប់ត្រួតពិនិត្យថ្នាំង DOM ប្រអប់ខាងក្រៅប្រដាល់ខាងក្រៅនិងច្រើនទៀត។ ដូចករណីរបស់ អធិការ លក្ខណៈពិសេសនេះក៏គាំទ្រការកែកំហុសពីចម្ងាយដែរ។ ផ្លូវកាត់ក្តារចុច: Mac OS X ( ALT (ជម្រើស) + COMMAND + S ) វីនដូ ( CTRL + SHIFT + S)
   កម្មវិធីនិពន្ធរចនាប័ទ្ម: អនុញ្ញាតឱ្យអ្នកបង្កើតសន្លឹករចនាប័ទ្មថ្មីនិងបញ្ចូលពួកវាជាមួយទំព័របណ្តាញសកម្មឬកែសម្រួលសន្លឹកដែលមានស្រាប់និងសាកល្បងរបៀបដែលការផ្លាស់ប្តូររបស់អ្នកបង្ហាញនៅក្នុងកម្មវិធីរុករកដោយគ្រាន់តែចុចតែមួយប៉ុណ្ណោះ។ ផ្លូវកាត់ក្តារចុច: Mac OS X, Windows ( SHIFT + F7 )
   ការអនុវត្ត: ផ្តល់ជូននូវការវិភាគលំអិតនៃការដំណើរការបណ្តាញសកម្មទិន្នន័យអត្រាស៊ុមពេលវេលាការអនុវត្ត JavaScript និងស្ថានភាពគូរផ្លិតនិងច្រើនទៀត។ ផ្លូវកាត់ក្តារចុច: Mac OS X, Windows ( SHIFT + F5 )
   បណ្តាញ: រាយសំណើបណ្តាញនីមួយៗដែលបានផ្តួចផ្តើមដោយកម្មវិធីរុករករួមជាមួយវិធីសាស្ត្រដែលត្រូវគ្នា, ដែនដើម, ប្រភេទ, ទំហំ, និងពេលវេលាកន្លងទៅ។ ផ្លូវកាត់ក្តារចុច: Mac OS X ( ALT (ជម្រើស) + បញ្ជា + Q ) វីនដូ ( CTRL + SHIFT + Q )
   របារឧបករណ៍អ្នកអភិវឌ្ឍន៍: បើកកម្មវិធីបកប្រែបន្ទាត់ពាក្យបញ្ជាអន្តរសកម្ម។ បញ្ចូល ជំនួយ ទៅក្នុងអ្នកបកប្រែសម្រាប់បញ្ជីពាក្យបញ្ជាដែលមានទាំងអស់និងវាក្យសម្ព័ន្ធត្រឹមត្រូវរបស់វា។ ផ្លូវកាត់ក្តារចុច: Mac OS X, Windows ( SHIFT + F2 )
   WebID: ផ្តល់ជូននូវសមត្ថភាពក្នុងការបង្កើតនិងប្រតិបត្តិកម្មវិធីគេហទំព័រតាមរយៈឧបករណ៍ពិតប្រាកដដែលកំពុងដំណើរការលើប្រព័ន្ធ Firefox OS ឬតាមរយៈ Firefox OS Simulator ។ ផ្លូវកាត់ក្តារចុច: Mac OS X, Windows ( SHIFT + F8 )
   កុងសូលកម្មវិធីរុករក: ផ្តល់នូវមុខងារដូចគ្នានឹង Web Console (សូមមើលខាងលើ) ។ ទោះជាយ៉ាងណាក៏ដោយទិន្នន័យទាំងអស់ដែលបានបញ្ជូនត្រលប់គឺសម្រាប់កម្មវិធី Firefox ទាំងមូល (រួមទាំង ផ្នែកបន្ថែម និងមុខងារកម្រិតកម្មវិធី) ដែលផ្ទុយពីទំព័រវិបសាយសកម្ម។ ផ្លូវកាត់ក្តារចុច: Mac OS X ( ប្ដូរ ( SHIFT + COMMAND + J ) វីនដូ ( CTRL + SHIFT + J )
   មុខងាររចនាឆ្លើយតប: អនុញ្ញាតឱ្យអ្នកមើលទំព័របណ្តាញភ្លាមៗដោយប្រើដំណោះស្រាយការប្លង់និងទំហំអេក្រង់ដើម្បីធ្វើត្រាប់តាមឧបករណ៍ជាច្រើនដូចជាកុំព្យូទ័រថេប្លេតនិងស្មាតហ្វូន។ ផ្លូវកាត់ក្តារចុច: Mac OS X ( ALT (ជម្រើស) + ពាក្យបញ្ជា + M ) វីនដូ ( CTRL + SHIFT + M )
   រូបភាពពណ៌: បង្ហាញលេខកូដពណ៌គោលដប់ប្រាំមួយសម្រាប់ភីកសែលដែលបានជ្រើសរើស។
   Scratchpad : អនុញ្ញាតឱ្យអ្នកសរសេរ, កែសម្រួល, រួមបញ្ចូលនិងប្រតិបត្តិកំណាព្យនៃកូដ JavaScript ពីក្នុងបង្អួច Firefox លេចឡើង។ ផ្លូវកាត់ក្តារចុច: Mac OS X, Windows ( SHIFT + F4 )
   ប្រភពទំព័រ: ឧបករណ៍អភិវឌ្ឍន៍កម្មវិធីរុករកដែលមានមូលដ្ឋានដើមជម្រើសនេះគ្រាន់តែបង្ហាញកូដប្រភពដែលមានសម្រាប់ទំព័រសកម្ម។ ផ្លូវកាត់ក្តារចុច: Mac OS X ( COMMAND + U ) វីនដូ ( CTRL + U )
   Get More Tools: បើក ប្រអប់ឧបក រណបករណ៍ បណ្តាញអ្នកបង្កើតគេហទំព័រ នៅលើគេហទំព័រ បន្ថែម ផ្លូវការរបស់ក្រុមហ៊ុន Mozilla ដែលបង្ហាញអំពីផ្នែកបន្ថែមដែលមានប្រជាប្រិយជាច្រើនដូចជា Firebug and Greasemonkey ។

Microsoft Edge / Internet Explorer

ជាទូទៅសំដៅទៅជា ឧបករណ៍អ្នកអភិវឌ្ឍន៍ F12 , ការគោរពចំពោះផ្លូវកាត់ក្តារចុចដែលបានចាប់ផ្តើមចំណុចប្រទាក់ចាប់តាំងពីកំណែមុននៃកម្មវិធី Internet Explorer, dev ឧបករណ៍ក្នុង IE11 និង Microsoft Edge បានមកជាយូរមកហើយចាប់តាំងពីការចាប់ផ្តើមរបស់ខ្លួនដោយផ្តល់ជូននូវក្រុមដ៏ងាយស្រួលនៃ ម៉ូនីទ័រកម្មវិធីបំបាត់កំហុសកម្មវិធីត្រាប់តាមនិងកម្មវិធីចងក្រងនៅលើស្លាប។

1. ចុចលើម៉ឺនុយ សកម្មភាពបន្ថែម ដែលតំណាងដោយចំណុចបីនិងស្ថិតនៅជ្រុងខាងស្តាំខាងលើនៃបង្អួចកម្មវិធីអ៊ីនធឺណិត។ នៅពេលដែលម៉ឺនុយទម្លាក់ចុះនឹងលេចឡើងជ្រើសជម្រើសដែលមានស្លាក ឧបករណ៍អ្នកអភិវឌ្ឍន៍ F12 ។ ដូចដែលខ្ញុំបានលើកឡើងរួចហើយអ្នកក៏អាចចូលប្រើឧបករណ៍តាមរយៈផ្លូវកាត់ក្តារចុច F12 ។
2. ចំណុចប្រទាក់អភិវឌ្ឍន៍គួរតែត្រូវបានបង្ហាញជាទូទៅនៅផ្នែកខាងក្រោមនៃបង្អួចកម្មវិធីអ៊ីនធឺណិត។ មានឧបករណ៍ដូចខាងក្រោមដែលអាចចូលដំណើរការបានដោយចុចលើផ្ទាំងថេបរៀងៗខ្លួនរបស់ពួកគេឬប្រើផ្លូវកាត់ក្តារចុចជាមួយ។
   DOM Explorer: អនុញ្ញាតឱ្យអ្នកកែសម្រួលសន្លឹករចនាប័ទ្មនិង HTML នៅក្នុងទំព័រសកម្មដែលបង្ហាញលទ្ធផលដែលបានកែប្រែនៅពេលអ្នកទៅ។ ប្រើប្រាស់មុខងារ IntelliSense ដើម្បីបំពេញលេខកូដដោយស្វ័យប្រវត្តិដែលអាចអនុវត្តបាន។ ផ្លូវកាត់ក្តារចុច: (CTRL +1)
   កុងសូល: ផ្តល់សមត្ថភាពក្នុងការដាក់ស្នើព័ត៌មានបំបាត់កំហុសរួមមានរាប់, កម្មវិធីកំណត់ពេល, ដាននិងសារតាមតម្រូវការតាមរយៈ API រួមបញ្ចូល។ ដូចគ្នានេះផងដែរអនុញ្ញាតឱ្យអ្នកបញ្ចូលកូដចូលទៅក្នុងទំព័របណ្តាញសកម្មនិងកែប្រែតម្លៃដែលបានផ្តល់ទៅអថេរបុគ្គលនៅក្នុងពេលវេលាជាក់ស្តែង។ ផ្លូវកាត់ក្តារចុច: (CTRL + 2)
   កម្មវិធីបំបាត់កំហុស: អនុញ្ញាតឱ្យអ្នកកំណត់ចំណុចឈប់និងបំបាត់កូដរបស់អ្នកខណៈពេលដែលវាប្រតិបត្តិបន្ទាត់ដោយបន្ទាត់ប្រសិនបើចាំបាច់។ ផ្លូវកាត់ក្តារចុច: (CTRL +3)
   បណ្តាញ: រាយបញ្ជីការស្នើសុំបណ្តាញនីមួយៗដែលបានចាប់ផ្តើមដោយកម្មវិធីអ៊ីនធឺណិតកំឡុងពេលការផ្ទុកទំព័រនិងការអនុវត្តរួមទាំងពត៌មានលំអិតពិធីការប្រភេទមាតិកាការប្រើប្រេកង់និងច្រើនទៀត។ ផ្លូវកាត់ក្តារចុច: (CTRL +4)
   ការសម្តែង: អត្រាស៊ុមលម្អិតការប្រើប្រាស់ស៊ីភីយូនិងរង្វាស់ទាក់ទងនឹងការអនុវត្តផ្សេងៗទៀតដើម្បីជួយអ្នកបង្កើនល្បឿនផ្ទុកទំព័រនិងសកម្មភាពផ្សេងៗទៀត។ ផ្លូវកាត់ក្តារចុច: (CTRL + 5)
   អង្គចងចាំ: ជួយអ្នកឱ្យនៅដាច់ដោយឡែកនិងកែតម្រូវការលេចធ្លាយសតិនៃសតិនៅលើទំព័របណ្តាញបច្ចុប្បន្នដោយបង្ហាញតារាងពេលវេលាប្រើប្រាស់ការចងចាំរួមជាមួយរូបថតពីពេលវេលាផ្សេងៗគ្នា។ ផ្លូវកាត់ក្តារចុច: (CTRL + 6)
   ការត្រាប់តាម: បង្ហាញអ្នកអំពីរបៀបដែលទំព័រសកម្មនឹងបង្ហាញនៅក្នុងគុណភាពបង្ហាញផ្សេងៗនិងទំហំអេក្រង់ដូចជាការត្រាប់តាមស្មាតហ្វូនថេប្លេតនិងឧបករណ៍ផ្សេងទៀត។ ក៏ផ្តល់លទ្ធភាពកែប្រែភ្នាក់ងារអ្នកប្រើនិងទិសទំព័រក៏ដូចជាក្លែងបន្លំភូមិសាស្រ្តផ្សេងៗដោយបញ្ចូលរយៈទទឹងនិងរយៈបណ្តោយ។ ផ្លូវកាត់ក្តារចុច: (CTRL + 7)
3. ដើម្បីបង្ហាញ កុងសូល ខណៈពេលណាមួយក្នុងចំណោមឧបករណ៍ផ្សេងទៀតចុចលើប៊ូតុងរាងការ៉េដែលមានតង្កៀបខាងស្ដាំនៅខាងក្នុងរបស់វាដែលស្ថិតនៅជ្រុងខាងស្ដាំផ្នែកខាងលើនៃចំណុចប្រទាក់ឧបករណ៍អភិវឌ្ឍន៍។
4. ដើម្បីដោះសោចំណុចប្រទាក់ឧបករណ៍អភិវឌ្ឍន៍ដូច្នេះវាក្លាយជាបង្អួចដាច់ដោយឡែកពីគ្នាចុចប៊ូតុងដែលតំណាងដោយចតុកោណពីរជាន់ឬប្រើផ្លូវកាត់ក្ដារចុចដូចខាងក្រោម: CTRL + P ។ អ្នកអាចដាក់ឧបករណ៍ត្រឡប់មកវិញនៅក្នុងទីតាំងដើមរបស់ពួកគេដោយចុច CTRL + P ជាលើកទីពីរ។

Apple Safari (OS X តែប៉ុណ្ណោះ)

កម្មវិធីឧបករណ៏ផ្សេងៗរបស់ Safari បានឆ្លុះបញ្ចាំងពីសហគមន៍អ្នកអភិវឌ្ឍន៍ដ៏ធំដែលប្រើប្រាស់ Mac សម្រាប់ការរចនានិងតម្រូវការកម្មវិធីរបស់ពួកគេ។ បន្ថែមលើកុងសូលដ៏មានអនុភាពនិងលក្ខណៈពិសេសនៃការចុះកំណត់ហេតុនិងបំបាត់កំហុសប្រពៃណី, របៀបរចនាឆ្លើយតបប្រកបដោយភាពងាយស្រួលនិងឧបករណ៍ដើម្បីបង្កើតផ្នែកបន្ថែមកម្មវិធីរុករកផ្ទាល់ខ្លួនរបស់អ្នកក៏ត្រូវបានផ្តល់ផងដែរ។

1. ចុចលើ Safari នៅក្នុងម៉ឺនុយកម្មវិធីរុករក, ដែលមានទីតាំងស្ថិតនៅផ្នែកខាងលើនៃអេក្រង់របស់អ្នក។ នៅពេលដែលម៉ឺនុយទម្លាក់ចុះនឹងបង្ហាញជ្រើស ចំណង់ចំណូលចិត្ត ។ អ្នកក៏អាចប្រើផ្លូវកាត់ក្ដារចុចខាងក្រោមជំនួសធាតុម៉ឺនុយនេះ: COMMAND + COMMA (,)
2. ចំណុចប្រទាក់ ចំណង់ចំណូលចិត្ត របស់ Safari គួរតែត្រូវបានបង្ហាញហើយគ្របលើបង្អួចកម្មវិធីរុករករបស់អ្នក។ ចុចលើរូបតំណាង កម្រិតខ្ពស់ ដែលស្ថិតនៅផ្នែកខាងស្តាំនៃបឋមកថា។
3. ចំណង់ចំណូលចិត្ត កម្រិតខ្ពស់ គួរតែអាចមើលឃើញ។ នៅផ្នែកខាងក្រោមនៃអេក្រង់នេះគឺជាជម្រើសដែលមានឈ្មោះថា Show Developing menu នៅក្នុងរបារម៉ឺនុយ ដែលមានប្រអប់ធីក។ ប្រសិនបើគ្មានសញ្ញាធីកដែលបង្ហាញនៅក្នុងប្រអប់ទេសូមចុចលើវាម្តងដើម្បីដាក់វានៅទីនោះ។
4. បិទចំណុចប្រទាក់ ចំណង់ចំណូលចិត្ត ដោយចុចលើក្រហម 'x' ដែលបានរកឃើញនៅជ្រុងខាងឆ្វេងខាងលើ។
5. ឥឡូវអ្នកគួរតែកត់សម្គាល់ជម្រើសថ្មីមួយនៅក្នុងម៉ឺនុយកម្មវិធីរុករកដែលមានឈ្មោះថា អភិវឌ្ឍន៍ , ដែលស្ថិតនៅចន្លោះ ចំណាំ និង បង្អួច ។ ចុចលើធាតុម៉ឺនុយនេះ។ ម៉ឺនុយទម្លាក់ចុះគួរតែត្រូវបានបង្ហាញដែលមានជម្រើសដូចខាងក្រោម។
   បើកទំព័រជាមួយ: អនុញ្ញាតឱ្យអ្នកបើកទំព័របណ្តាញសកម្មនៅក្នុងកម្មវិធីរុករកមួយផ្សេងទៀតដែលបានតំឡើងនៅលើ Mac របស់អ្នក។
   ភ្នាក់ងារអ្នកប្រើ: អនុញ្ញាតឱ្យអ្នកជ្រើសពីជាងមួយរាប់ពាន់តម្លៃភ្នាក់ងារអ្នកប្រើដែលបានកំណត់ជាមុនរួមទាំងកំណែមួយចំនួនរបស់ Chrome, Firefox និង Internet Explorer ក៏ដូចជាកំណត់ខ្សែអក្សរផ្ទាល់ខ្លួនរបស់អ្នក។
   បញ្ចូល របៀបរចនាឆ្លើយតប : បង្ហាញទំព័របច្ចុប្បន្នដូចដែលវានឹងបង្ហាញនៅលើឧបករណ៍ផ្សេងៗនិងគុណភាពបង្ហាញអេក្រង់ផ្សេងៗ។
   បង្ហាញអ្នកត្រួតពិនិត្យបណ្ដាញ: បើកចំណុចប្រទាក់សំខាន់សម្រាប់ឧបករណ៏ Dev របស់ Safari ជាទូទៅត្រូវបានដាក់នៅបាតនៃអេក្រង់កម្មវិធីរុករករបស់អ្នកនិងមានផ្នែកដូចខាងក្រោម: ធាតុ , បណ្តាញ , ធនធាន , ពេលវេលា , កម្មវិធីបំបាត់កំហុស , ផ្ទុក , កុងសូល ។
   បង្ហាញកំហុសកុងសូល: ក៏បើកដំណើរការឧបករណ៍ប្រតិកម្មឧបករណ៍ដោយផ្ទាល់ទៅផ្ទាំង កុងសូល ដែលបង្ហាញកំហុសការព្រមាននិងទិន្នន័យកំណត់ហេតុដែលអាចស្វែងរកបានផ្សេងទៀត។
   បង្ហាញប្រភពទំព័រ: បើកផ្ទាំង ធនធាន ដែលបង្ហាញកូដប្រភពសម្រាប់ទំព័រសកម្មដែលបានកំណត់ប្រភេទតាមឯកសារ។
   បង្ហាញប្រភពទំព័រ: ដំណើរការមុខងារដូចគ្នានឹងជម្រើស ប្រភពបង្ហាញទំព័រ ។
   បង្ហាញកម្មវិធីនិពន្ធចារិក: បើកបង្អួចថ្មីមួយដែលអ្នកអាចបញ្ចូលកូដ CSS និង HTML ដោយមើលជាមុននូវលទ្ធផលរបស់វាភ្លាមៗ។
   បង្ហាញអ្នកបង្កើតផ្នែកបន្ថែម: ផ្តល់សមត្ថភាពក្នុងការបង្កើតឬកែផ្នែកបន្ថែមរបស់ Safari ដោយប្រើ CSS, HTML និង JavaScript ។
   បង្ហាញការកត់ពេលការកត់ត្រា: បើកផ្ទាំង កំណត់ពេលវេលា និងចាប់ផ្តើមបង្ហាញសំណើបណ្តាញព័ត៌មានប្លង់និងការបែងចែករួមទាំងការអនុវត្ត JavaScript ផង។
   ឃ្លាំងសម្ងាត់ទទេ: លុបឃ្លាំងសម្ងាត់ទាំងមូលដែលកំពុងត្រូវបានរក្សាទុកនៅលើដ្រាយរឹងរបស់អ្នក។
   បិទឃ្លាំងសម្ងាត់: បញ្ឈប់ Safari ពីឃ្លាំងសម្ងាត់ដូច្នេះមាតិកាទាំងអស់ត្រូវបានយកចេញពីម៉ាស៊ីនបម្រើនៅលើការផ្ទុកទំព័រនីមួយៗ។
   បិទរូបភាព: ទប់ស្កាត់រូបភាពពីការបង្ហាញនៅលើទំព័របណ្តាញទាំងអស់។
   បិទរចនាប័ទ្ម: មិនអើពើលក្ខណសម្បត្តិ CSS នៅពេលទំព័រត្រូវបានផ្ទុក។
   បិទដំណើរការ JavaScript: ដាក់កម្រិតការអនុវត្ត JavaScript លើទំព័រទាំងអស់។
   បិទដំណើរការផ្នែកបន្ថែម: ហាមឃាត់ ផ្នែកបន្ថែមដែល បានតំឡើងទាំងអស់មិនដំណើរការនៅក្នុងកម្មវិធីរុករក។
   បិទដំណើរការ Hack គេហទំព័រជាក់លាក់: ប្រសិនបើ Safari ត្រូវបានកែសម្រួលដើម្បីដោះស្រាយបញ្ហាជាក់លាក់ចំពោះទំព័របណ្តាញសកម្មជម្រើសនេះនឹងទប់ស្កាត់ការផ្លាស់ប្តូរទាំងនោះដូច្នេះផ្ទុកទំព័រដូចដែលវាមានមុនពេលការកែប្រែទាំងនេះត្រូវបានណែនាំ។
   បិទការរឹតបណ្តឹងឯកសារមូលដ្ឋាន: អនុញ្ញាតឱ្យកម្មវិធីរុករកមានលទ្ធភាពចូលដំណើរការឯកសារនៅលើថាសមូលដ្ឋានរបស់អ្នកដែលសកម្មភាពត្រូវបានដាក់កម្រិតដោយលំនាំដើមសម្រាប់ហេតុផលសុវត្ថិភាព។
   បិទការរឹតត្បិតកាកបាទក្រហម: ការដាក់កំហិតទាំងនេះត្រូវបានធ្វើឡើងតាមលំនាំដើមដើម្បីការពារ XSS និងគ្រោះថ្នាក់ផ្សេងៗទៀត។ ទោះជាយ៉ាងណាពួកគេជាញឹកញាប់ត្រូវការពិការភាពបណ្តោះអាសន្នសម្រាប់គោលបំណងអភិវឌ្ឍន៍។
   អនុញ្ញាត JavaScript ពីវាលស្វែងរកឆ្លាតវៃ: នៅពេលបើកដំណើរការផ្ដល់នូវសមត្ថភាពបញ្ចូល URLs ដែលមាន javascript: បញ្ចូលដោយផ្ទាល់ទៅក្នុងរបារអាសយដ្ឋាន។
   ចាត់ទុកវិញ្ញាបនប័ត្រ SHA-1 ជាអសន្ដិសុខ: វិញ្ញាបនបត្រ SSL ដែលប្រើ ក្បួន SHA-1 ត្រូវបានគេចាត់ទុកថាហួសសម័យហើយហួសសម័យ។