កម្មវិធីរុករក និងឧបករណ៍
ស្វែងយល់អំពីកម្មវិធីរុករកតាមអ៊ីនធឺណិត និងឧបករណ៍ចាប់ពីទំនើបដល់ចាស់ ដែលត្រូវបានគាំទ្រដោយ Bootstrap រួមទាំង quirks និងកំហុសដែលគេស្គាល់សម្រាប់នីមួយៗ។
កម្មវិធីរុករកដែលគាំទ្រ
Bootstrap គាំទ្រការ ចេញផ្សាយចុងក្រោយបំផុត និងមានស្ថេរភាព នៃកម្មវិធីរុករក និងវេទិកាសំខាន់ៗទាំងអស់។
កម្មវិធីរុករកជំនួសដែលប្រើកំណែចុងក្រោយបំផុតរបស់ WebKit, Blink ឬ Gecko មិនថាដោយផ្ទាល់ ឬតាមរយៈ API ទិដ្ឋភាពបណ្ដាញរបស់វេទិកានោះ មិនត្រូវបានគាំទ្រយ៉ាងច្បាស់នោះទេ។ ទោះជាយ៉ាងណាក៏ដោយ Bootstrap គួរតែ (ក្នុងករណីភាគច្រើន) បង្ហាញ និងដំណើរការត្រឹមត្រូវនៅក្នុងកម្មវិធីរុករកទាំងនេះផងដែរ។ ព័ត៌មានជំនួយជាក់លាក់បន្ថែមត្រូវបានផ្តល់ជូនខាងក្រោម។
អ្នកអាចរកឃើញជួរដែលបានគាំទ្ររបស់យើងនៃកម្មវិធីរុករកនិងកំណែរបស់វា នៅក្នុងរបស់យើង.browserslistrc file ៖
# https://github.com/browserslist/browserslist#readme
>= 0.5%
last 2 major versions
not dead
Chrome >= 60
Firefox >= 60
Firefox ESR
iOS >= 12
Safari >= 12
not Explorer <= 11
យើងប្រើ Autoprefixer ដើម្បីគ្រប់គ្រងការគាំទ្រកម្មវិធីរុករកតាមបំណងតាមរយៈបុព្វបទ CSS ដែលប្រើ Browserslist ដើម្បីគ្រប់គ្រងកំណែកម្មវិធីរុករកតាមអ៊ីនធឺណិតទាំងនេះ។ សូមពិគ្រោះជាមួយឯកសាររបស់ពួកគេសម្រាប់របៀបបញ្ចូលឧបករណ៍ទាំងនេះទៅក្នុងគម្រោងរបស់អ្នក។
ឧបករណ៍ចល័ត
និយាយជាទូទៅ Bootstrap គាំទ្រកំណែចុងក្រោយបំផុតនៃកម្មវិធីរុករកលំនាំដើមរបស់វេទិកាសំខាន់ៗនីមួយៗ។ ចំណាំថាកម្មវិធីរុករកប្រូកស៊ី (ដូចជា Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk) មិនត្រូវបានគាំទ្រទេ។
| Chrome | Firefox | សាហ្វារី | កម្មវិធីរុករកតាមអ៊ីនធឺណិត Android & WebView | |
|---|---|---|---|---|
| ប្រព័ន្ធប្រតិបត្តិការ Android | គាំទ្រ | គាំទ្រ | — | v6.0+ |
| ប្រព័ន្ធប្រតិបត្តិការ iOS | គាំទ្រ | គាំទ្រ | គាំទ្រ | — |
កម្មវិធីរុករកលើតុ
ស្រដៀងគ្នានេះដែរ កំណែចុងក្រោយបំផុតនៃកម្មវិធីរុករកលើតុភាគច្រើនត្រូវបានគាំទ្រ។
| Chrome | Firefox | ក្រុមហ៊ុន Microsoft Edge | ល្ខោនអូប៉េរ៉ា | សាហ្វារី | |
|---|---|---|---|---|---|
| ម៉ាក់ | គាំទ្រ | គាំទ្រ | គាំទ្រ | គាំទ្រ | គាំទ្រ |
| វីនដូ | គាំទ្រ | គាំទ្រ | គាំទ្រ | គាំទ្រ | — |
សម្រាប់ Firefox បន្ថែមពីលើការចេញផ្សាយស្ថេរភាពធម្មតាចុងក្រោយបំផុត យើងក៏គាំទ្រ កំណែចុងក្រោយបង្អស់របស់ Firefox Extended Support Release (ESR) ផងដែរ។
ក្រៅផ្លូវការ Bootstrap គួរតែមើលទៅ និងមានឥរិយាបថគ្រប់គ្រាន់នៅក្នុង Chromium និង Chrome សម្រាប់ Linux និង Firefox សម្រាប់ Linux ទោះបីជាពួកវាមិនត្រូវបានគាំទ្រជាផ្លូវការក៏ដោយ។
Internet Explorer
Internet Explorer មិនត្រូវបានគាំទ្រទេ។ ប្រសិនបើអ្នកត្រូវការការគាំទ្រ Internet Explorer សូមប្រើ Bootstrap v4.
គំរូ និងទម្លាក់ចុះនៅលើទូរសព្ទ
ហូរហៀរនិងរមូរ
ការគាំទ្រសម្រាប់ overflow: hidden;នៅលើ <body>ធាតុគឺមានកម្រិតណាស់នៅក្នុង iOS និង Android ។ ដល់ទីបញ្ចប់នេះ នៅពេលអ្នករមូរឆ្លងកាត់ផ្នែកខាងលើ ឬខាងក្រោមនៃម៉ូឌុលនៅក្នុងកម្មវិធីរុករកតាមអ៊ីនធឺណិតរបស់ឧបករណ៍ទាំងនោះ <body>ខ្លឹមសារនឹងចាប់ផ្តើមរមូរ។ សូមមើល កំហុសរបស់ Chrome #175502 (ជួសជុលនៅក្នុង Chrome v40) និង កំហុស WebKit #153852 ។
វាលអត្ថបទ iOS និងការរមូរ
ចាប់តាំងពីប្រព័ន្ធប្រតិបត្តិការ iOS 9.2 ខណៈពេលដែលម៉ូឌុលមួយត្រូវបានបើក ប្រសិនបើការប៉ះដំបូងនៃកាយវិការរមូរស្ថិតនៅក្នុងព្រំដែននៃអត្ថបទ <input>ឬ a <textarea>នោះ <body>ខ្លឹមសារនៅក្រោមម៉ូឌុលនឹងត្រូវបានរមូរជំនួសឱ្យម៉ូឌុលខ្លួនឯង។ សូមមើល កំហុស WebKit #153856 ។
ទម្លាក់ចុះ Navbar
ធាតុ នេះ .dropdown-backdropមិនត្រូវបានប្រើនៅលើប្រព័ន្ធប្រតិបត្តិការ iOS នៅក្នុង nav ដោយសារតែភាពស្មុគស្មាញនៃការបង្កើតលិបិក្រម z ។ ដូច្នេះ ដើម្បីបិទ dropdowns ក្នុង navbars អ្នកត្រូវតែចុចលើ dropdown element (ឬ ធាតុផ្សេងទៀតដែលនឹងបញ្ឆេះព្រឹត្តិការណ៍ចុចនៅក្នុង iOS )។
ការពង្រីកកម្មវិធីរុករក
ការពង្រីកទំព័រដោយជៀសមិនរួចបង្ហាញពីការបង្ហាញវត្ថុបុរាណនៅក្នុងសមាសធាតុមួយចំនួន ទាំងនៅក្នុង Bootstrap និងផ្នែកផ្សេងទៀតនៃគេហទំព័រ។ អាស្រ័យលើបញ្ហា យើងអាចជួសជុលវាបាន (ស្វែងរកជាមុន ហើយបន្ទាប់មកបើកបញ្ហាប្រសិនបើចាំបាច់)។ ទោះជាយ៉ាងណាក៏ដោយ យើងមានទំនោរមិនអើពើនឹងបញ្ហាទាំងនេះ ដោយសារពួកគេច្រើនតែមិនមានដំណោះស្រាយផ្ទាល់ក្រៅពីការដោះស្រាយការលួចចូល។
អ្នកផ្តល់សុពលភាព
ដើម្បីផ្តល់នូវបទពិសោធន៍ដ៏ល្អបំផុតដល់កម្មវិធីរុករកតាមអ៊ីនធឺណិតចាស់ៗ និងដែលមានកំហុសនោះ Bootstrap ប្រើ ការលួចចូលកម្មវិធីរុករកតាមអ៊ីនធឺណិត CSS នៅកន្លែងជាច្រើនដើម្បីកំណត់ CSS ពិសេសទៅកាន់កំណែកម្មវិធីរុករកតាមអ៊ីនធឺណិតមួយចំនួន ដើម្បីធ្វើការជុំវិញបញ្ហានៅក្នុងកម្មវិធីរុករកខ្លួនឯង។ ការលួចចូលទាំងនេះពិតជាធ្វើឱ្យអ្នកផ្ទៀងផ្ទាត់ CSS ត្អូញត្អែរថាពួកគេមិនត្រឹមត្រូវ។ នៅកន្លែងពីរបី យើងក៏ប្រើមុខងារ CSS ដែលមិនទាន់មានស្តង់ដារពេញលេញនៅឡើយ ប៉ុន្តែទាំងនេះត្រូវបានប្រើប្រាស់សុទ្ធសាធសម្រាប់ការធ្វើឱ្យប្រសើរឡើងជាលំដាប់។
ការព្រមានអំពីសុពលភាពទាំងនេះមិនមានបញ្ហាក្នុងការអនុវត្តទេ ដោយសារផ្នែកដែលមិន hacky នៃ CSS របស់យើងមានសុពលភាពពេញលេញ ហើយផ្នែកដែលលួចចូលមិនជ្រៀតជ្រែកជាមួយនឹងដំណើរការត្រឹមត្រូវនៃផ្នែកដែលមិន hacky ដូច្នេះហេតុអ្វីបានជាយើងមិនអើពើនឹងការព្រមានពិសេសទាំងនេះដោយចេតនា។
ឯកសារ HTML របស់យើងក៏មានការព្រមានអំពីសុពលភាព HTML ដែលមិនសំខាន់ និងមិនសមហេតុផល ដោយសារតែការរួមបញ្ចូលរបស់យើងនូវដំណោះស្រាយសម្រាប់ កំហុស Firefox ជាក់លាក់មួយ ។