វិធីដើម្បីរកចំនួនម៉ោងពីឧបករណ៍ចល័តនៅលើគេហទំព័រ

ប្តូរទិសឧបករណ៍ចល័តទៅមាតិកាឬការរចនាតាមទូរស័ព្ទ

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

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

ផ្តល់នូវតំណភ្ជាប់ទៅតំបន់បណ្តាញមួយកំណែ

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

អត្ថប្រយោជន៍នៃដំណោះស្រាយនេះគឺថាវាងាយស្រួលក្នុងការអនុវត្ត។ វាតម្រូវឱ្យអ្នកបង្កើតកំណែដែលបានធ្វើឱ្យប្រសើរសម្រាប់ទូរស័ព្ទហើយបន្ទាប់មកបន្ថែមតំណនៅកន្លែងណាមួយនៅជិតកំពូលទំព័រធម្មតា។

គុណវិបត្តិគឺ:

• អ្នកត្រូវរក្សាកំណែដាច់ដោយឡែកនៃគេហទំព័រសម្រាប់អ្នកប្រើទូរស័ព្ទ។ នៅពេលដែលគេហទំព័ររបស់អ្នកកាន់តែធំអ្នកប្រហែលជាភ្លេចរក្សាកំណែទី 2 នោះហើយគេហទំព័ររបស់អ្នកអាចនឹងមិនមានសមកាលកម្ម។
• តើអ្នកក៏បង្កើតកំណែទី 3 សម្រាប់កុំព្យូទ័របន្ទះដែរឬទេ? តើធ្វើដូចម្តេចអំពីកំណែទីបួនសម្រាប់ wearables? គំនិតនៃកំណែជាក់លាក់សម្រាប់ឧបករណ៍នេះអាចមានភាពរហ័សរហួន។
• អ្នកត្រូវដាក់តំណមិនស្អាតនៅផ្នែកខាងលើនៃទំព័រដែលអ្នកអានមិនអាចអានចល័តបាន (និងអាចចុចលើ) ។

ទីបំផុតវិធីសាស្រ្តនេះគឺជាការហួសសម័យមួយដែលមិនទំនងជាផ្នែកមួយនៃយុទ្ធសាស្រ្តចល័តទំនើប។ ជួនកាលវាត្រូវបានគេប្រើជាការជួសជុលគម្លាតគម្លាតខណៈពេលដែលដំណោះស្រាយប្រសើរជាងមុនកំពុងត្រូវបានបង្កើតឡើងប៉ុន្តែវាពិតជាការផ្តល់ជំនួយក្នុងរយៈពេលខ្លីនៅចំណុចនេះ។

ប្រើ JavaScript

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

ប្រើឧបករណ៍អេឡិចត្រូនិច CSS

ពាក្យបញ្ជា CSS @media ឧបករណ៍យួរដៃហាក់ដូចជាវាជាវិធីដ៏ល្អបំផុតដើម្បីបង្ហាញរចនាប័ទ្ម CSS សម្រាប់ឧបករណ៍យួរដៃដូចជាទូរស័ព្ទដៃ។ នេះហាក់ដូចជាដំណោះស្រាយដ៏ល្អសម្រាប់បង្ហាញទំព័រសម្រាប់ឧបករណ៍ចល័ត។ អ្នកសរសេរទំព័របណ្តាញមួយហើយបន្ទាប់មកបង្កើតសន្លឹករចនាប័ទ្មពីរ។ ដំបូងសម្រាប់ "ប្រភេទអេក្រង់" ប្រភេទព័ត៌មានរចនាប័ទ្មទំព័ររបស់អ្នកសម្រាប់ម៉ូនីទ័រនិងអេក្រង់កុំព្យូទ័រ។ ទីពីរសម្រាប់ម៉ូដែល "ឧបករណ៍យួរដៃ" របស់អ្នកទំព័ររបស់អ្នកសម្រាប់ឧបករណ៍តូចៗដូចជាទូរស័ព្ទដៃទាំងនោះ។ សំឡេងមានភាពងាយស្រួលប៉ុន្តែវាពិតជាមិនដំណើរការក្នុងការអនុវត្តជាក់ស្តែង។

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

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

ប្រើ PHP, JSP, ASP ដើម្បីរកអោយឃើញភ្នាក់ងារអ្នកប្រើ

នេះជាមធ្យោបាយកាន់តែប្រសើរជាងមុនដើម្បីប្តូរទិសអ្នកប្រើទូរស័ព្ទចល័តទៅកំណែចល័តរបស់គេហទំព័រពីព្រោះវាមិនពឹងផ្អែកលើភាសាស្គ្រីបឬ CSS ដែលឧបករណ៍ចល័តមិនប្រើ។ ផ្ទុយទៅវិញវាប្រើភាសាខាងម៉ាស៊ីនបម្រើ (PHP, ASP, JSP, ColdFusion ។ ល។ ) ដើម្បីមើលភ្នាក់ងារអ្នកប្រើហើយបន្ទាប់មកប្តូរ សំណើ HTTP ដើម្បីចង្អុរទៅកាន់ទំព័រទូរស័ព្ទប្រសិនបើវាជាឧបករណ៍ចល័ត។

កូដ PHP សាមញ្ញដើម្បីធ្វើដូចនេះនឹងមានលក្ខណៈដូចតទៅនេះ:

stristr ($ ua, "Windows CE") ឬ
stristr ($ ua, "AvantGo") ឬ
stristr ($ ua, "Mazingo") ឬ
stristr ($ ua, "ទូរស័ព្ទ") ឬ
stristr ($ ua, "T68") ឬ
stristr ($ ua, "Syncalot") ឬ
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
ប្រសិនបើ (isset ($ DEVICE_TYPE) និង $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobile / index.php';
បឋមកថា ('ទីតាំង:' ។ $ location);
ចេញ;
}
?>

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

លើសពីនេះទៀតជាមួយនឹងដំណោះស្រាយផ្សេងៗទៀតខាងលើអ្នកនឹងនៅតែត្រូវរក្សាគេហទំព័រចល័តមួយដាច់ដោយឡែកសម្រាប់អ្នកអានទាំងនេះ! ឧបសគ្គនៃការគ្រប់គ្រងវេបសាយពីរ (ឬច្រើនជាងនេះ!) គឺជាហេតុផលគ្រប់គ្រាន់ក្នុងការស្វែងរកដំណោះស្រាយប្រសើរជាងមុន។

ប្រើ WURFL

ប្រសិនបើអ្នកនៅតែប្តូរអ្នកប្រើទូរស័ព្ទរបស់អ្នកទៅវេបសាយដាច់ដោយឡែកបន្ទាប់មក WURFL (ឯកសារធនធានសកលឥតខ្សែ) គឺជាដំណោះស្រាយដ៏ល្អ។ នេះគឺជាឯកសារ XML (ហើយឥឡូវនេះជាឯកសារ DB) និងបណ្ណាល័យ DBI ផ្សេងៗដែលមិនត្រឹមតែមានទិន្នន័យអ្នកប្រើឥតខ្សែទាន់សម័យប៉ុណ្ណោះទេប៉ុន្តែក៏មានលក្ខណៈពិសេសនិងសមត្ថភាពដែលភ្នាក់ងារអ្នកប្រើទាំងនោះជួយផងដែរ។

ដើម្បីប្រើ WURFL អ្នកទាញយកឯកសារកំណត់រចនាសម្ព័ន្ធ XML ហើយបន្ទាប់មកជ្រើសរើសយកភាសារបស់អ្នកហើយអនុវត្ត API នៅលើគេហទំព័ររបស់អ្នក។ មានឧបករណ៍សម្រាប់ប្រើ WURFL ជាមួយ Java, PHP, Perl, Ruby, Python, Net, XSLT និង C ++ ។

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

ដំណោះស្រាយល្អបំផុតគឺការរចនាឆ្លើយតប

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

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

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