ວິທີການກວດເບິ່ງຮິດຈາກອຸປະກອນມືຖືໃນຫນ້າເວັບ

ປ່ຽນອຸປະກອນມືຖືໄປຫາເນື້ອຫາຫຼືອອກແບບມືຖື

ສໍາລັບປີນີ້, ຜູ້ຊ່ຽວຊານໄດ້ເວົ້າວ່າການເຂົ້າຊົມເວັບໄຊທ໌ຈາກນັກທ່ອງທ່ຽວໃນອຸປະກອນມືຖືໄດ້ເພີ່ມຂຶ້ນຢ່າງຫຼວງຫຼາຍ. ສໍາລັບເຫດຜົນນີ້, ບໍລິສັດຈໍານວນຫຼາຍໄດ້ເລີ່ມ smartly ເພື່ອຮັບມືກັບຍຸດທະສາດໂທລະສັບມືຖືສໍາລັບການມີຢູ່ຂອງເຂົາເຈົ້າອອນໄລນ໌, ການສ້າງປະສົບການທີ່ເຫມາະສົມກັບໂທລະສັບແລະອຸປະກອນມືຖືອື່ນໆ.

ເມື່ອທ່ານໄດ້ໃຊ້ເວລາໃນການຮຽນຮູ້ວິທີການ ອອກແບບຫນ້າເວັບຕ່າງໆສໍາລັບໂທລະສັບມືຖື ແລະການປະຕິບັດຍຸດທະສາດຂອງທ່ານ, ທ່ານກໍ່ຕ້ອງການໃຫ້ແນ່ໃຈວ່າຜູ້ເຂົ້າຊົມເວັບໄຊທ໌ຂອງທ່ານສາມາດເບິ່ງອອກແບບເຫຼົ່ານັ້ນໄດ້. ມີຫລາຍວິທີທີ່ທ່ານສາມາດເຮັດໄດ້ແລະບາງວຽກທີ່ດີກ່ວາຄົນອື່ນ. ນີ້ແມ່ນວິທີການທີ່ທ່ານສາມາດນໍາໃຊ້ເພື່ອສະຫນັບສະຫນູນການສະຫນັບສະຫນູນມືຖືໃນເວັບໄຊທ໌ຂອງທ່ານ - ພ້ອມກັບຄໍາແນະນໍາຢູ່ໃກ້ກັບຈຸດສໍາລັບສິ່ງທີ່ວິທີການທີ່ດີທີ່ສຸດເພື່ອບັນລຸນີ້ແມ່ນຢູ່ໃນເວັບໄຊທ໌ມື້ນີ້!

ສະຫນອງການເຊື່ອມຕໍ່ກັບສະບັບເວັບໄຊທ໌ອີກ

ນີ້ແມ່ນ, ໂດຍໄກ, ວິທີທີ່ງ່າຍທີ່ສຸດທີ່ຈະຈັດການກັບຜູ້ໃຊ້ໂທລະສັບມືຖື. ແທນທີ່ຈະກັງວົນວ່າພວກເຂົາສາມາດຫຼືບໍ່ສາມາດເບິ່ງຫນ້າຂອງທ່ານໄດ້, ໃຫ້ໃສ່ລິ້ງຄ໌ທີ່ຢູ່ໃກ້ໆປາຍຂອງຫນ້າທີ່ຊີ້ໃຫ້ເຫັນເຖິງສະບັບມືຖືຂອງເວັບໄຊທ໌ຂອງທ່ານ. ຫຼັງຈາກນັ້ນ, ຜູ້ອ່ານສາມາດເລືອກດ້ວຍຕົນເອງວ່າພວກເຂົາຕ້ອງການເບິ່ງລຸ້ນມືຖືຫຼືສືບຕໍ່ກັບແບບ "ປົກກະຕິ".

ຜົນປະໂຫຍດຂອງການແກ້ໄຂນີ້ແມ່ນວ່າມັນງ່າຍທີ່ຈະປະຕິບັດ. ມັນຮຽກຮ້ອງໃຫ້ທ່ານສ້າງສະບັບທີ່ເຫມາະສົມສໍາລັບໂທລະສັບມືຖືແລະຫຼັງຈາກນັ້ນຕື່ມການເຊື່ອມຕໍ່ບາງບ່ອນຢູ່ໃກ້ກັບເທິງຂອງຫນ້າເວັບໄຊທ໌ປົກກະຕິ.

ຂໍ້ບົກຜ່ອງແມ່ນ:

• ທ່ານຕ້ອງຮັກສາສະບັບທີ່ແຕກຕ່າງກັນຂອງເວັບໄຊສໍາລັບຜູ້ໃຊ້ມືຖື. ເມື່ອເວັບໄຊທ໌ຂອງທ່ານໄດ້ຮັບການຂະຫຍາຍຕົວ, ທ່ານອາດລືມທີ່ຈະຮັກສາສະບັບທີສອງນັ້ນແລະເວັບໄຊທ໌ຂອງທ່ານອາດຈະລົ້ມລະລາຍ.
• ທ່ານຍັງໄດ້ສ້າງສະບັບທີສາມສໍາລັບຢາເມັດບໍ? ແນວໃດກ່ຽວກັບການສະບັບທີສີ່ສໍາລັບ wearables? ແນວຄວາມຄິດນີ້ຂອງສະບັບສະເພາະອຸປະກອນສາມາດ spiral ອອກຈາກການຄວບຄຸມໄດ້ຢ່າງໄວວາ.
• ທ່ານຕ້ອງໃສ່ການເຊື່ອມໂຍງທີ່ຫນ້າເກງຂາມຢູ່ດ້ານເທິງຂອງຫນ້າທີ່ຜູ້ອ່ານບໍ່ແມ່ນມືຖືສາມາດເບິ່ງເຫັນ (ແລະອາດຈະຄລິກໃສ່).

ໃນທີ່ສຸດ, ວິທີການນີ້ແມ່ນຫນຶ່ງໃນສະໄຫມກ່ອນທີ່ບໍ່ສາມາດເປັນສ່ວນຫນຶ່ງຂອງຍຸດທະສາດມືຖືທີ່ທັນສະໄຫມ. ບາງຄັ້ງມັນຖືກນໍາໃຊ້ເປັນການແກ້ໄຂທີ່ແຕກຕ່າງກັນໃນຂະນະທີ່ມີການແກ້ໄຂບັນຫາທີ່ດີກວ່າ, ແຕ່ມັນກໍ່ແມ່ນການຊ່ວຍເຫຼືອໃນໄລຍະສັ້ນໃນໄລຍະນີ້.

ໃຊ້ JavaScript

ໃນການປ່ຽນແປງຂອງວິທີການທີ່ໄດ້ກ່າວມາຂ້າງເທິງ, ບາງນັກພັດທະນາໃຊ້ບາງປະເພດສະແກນກວດຫາຕົວທ່ອງເວັບເພື່ອກວດພົບວ່າລູກຄ້າແມ່ນຢູ່ໃນອຸປະກອນມືຖືແລະຫຼັງຈາກນັ້ນໂອນໃຫ້ພວກເຂົາໄປທີ່ເວັບໄຊທ໌ທີ່ແຍກຕ່າງຫາກ. ບັນຫາທີ່ມີການຊອກຄົ້ນຫາແລະອຸປະກອນມືຖືແມ່ນວ່າມີຫລາຍພັນຄົນຂອງອຸປະກອນມືຖືອອກມີ. ເພື່ອພະຍາຍາມຄົ້ນຫາພວກເຂົາທັງຫມົດທີ່ມີຫນຶ່ງ JavaScript ສາມາດເຮັດໃຫ້ຫນ້າທັງຫມົດຂອງທ່ານເຂົ້າໄປໃນລະບົບຝັນຮ້າຍດາວໂຫລດ - ແລະທ່ານຍັງຄົງຕ້ອງມີຂໍ້ບົກພ່ອງດຽວກັນກັບວິທີທີ່ກ່າວມາຂ້າງເທິງ.

ໃຊ້ CSS & # 64; ສື່ມວນຊົນ handheld

ຄໍາສັ່ງ CSS @ handheld ຖືວ່າມັນຈະເປັນວິທີທີ່ເຫມາະສົມທີ່ຈະສະແດງຄໍເຕົ້າໄຂ່ທີ່ CSS ພຽງແຕ່ສໍາລັບອຸປະກອນມືຖື - ຄືໂທລະສັບມືຖື. ນີ້ເບິ່ງຄືວ່າເປັນການແກ້ໄຂທີ່ເຫມາະສົມສໍາລັບການສະແດງຫນ້າສໍາລັບອຸປະກອນມືຖື. ທ່ານຂຽນຫນ້າເວັບຫນຶ່ງແລະຫຼັງຈາກນັ້ນສ້າງສອງແຜ່ນແບບ. ຫນ້າທໍາອິດສໍາລັບ "ຫນ້າຈໍ" ຮູບແບບປະເພດສື່ມວນຊົນຂອງທ່ານສໍາລັບຫນ້າຈໍແລະຈໍຄອມພິວເຕີ. ທີສອງສໍາລັບ "handheld" ຮູບແບບຂອງທ່ານສໍາລັບອຸປະກອນຂະຫນາດນ້ອຍເຊັ່ນໂທລະສັບມືຖືເຫຼົ່ານັ້ນ. ສຽງງ່າຍ, ແຕ່ມັນກໍ່ບໍ່ໄດ້ເຮັດວຽກໃນການປະຕິບັດ.

ຜົນປະໂຫຍດທີ່ໃຫຍ່ທີ່ສຸດຕໍ່ວິທີນີ້ແມ່ນວ່າທ່ານບໍ່ຕ້ອງຮັກສາສອງຮຸ່ນຂອງເວັບໄຊທ໌ຂອງທ່ານ. ທ່ານພຽງແຕ່ຮັກສາຫນຶ່ງ, ແລະແຜ່ນຮູບແບບກໍານົດວິທີມັນຄວນເບິ່ງ - ເຊິ່ງຕົວຈິງແລ້ວໄດ້ຮັບການໃກ້ຊິດກັບການແກ້ໄຂທີ່ພວກເຮົາຕ້ອງການ.

ບັນຫາທີ່ມີວິທີນີ້ແມ່ນວ່າໂທລະສັບຈໍານວນຫຼາຍບໍ່ສະຫນັບສະຫນູນປະເພດສື່ມືຖື - ພວກເຂົາສະແດງຫນ້າຂອງພວກເຂົາດ້ວຍປະເພດສື່ມວນຊົນຫນ້າຈໍແທນ. ແລະໂທລະສັບມືຖືແລະເຄື່ອງຄອມພິວເຕີທີ່ມີອາຍຸຫລາຍກວ່າບໍ່ສະຫນັບສະຫນູນ CSS ທັງຫມົດ. ໃນທີ່ສຸດ, ວິທີນີ້ແມ່ນບໍ່ຫນ້າເຊື່ອຖື, ແລະດັ່ງນັ້ນຈຶ່ງບໍ່ຄ່ອຍໃຊ້ເພື່ອສະຫນອງເວີຊັນມືຖືຂອງເວັບໄຊທ໌.

ໃຊ້ PHP, JSP, ASP ເພື່ອຊອກຫາຜູ້ໃຊ້ຕົວແທນ

ນີ້ແມ່ນວິທີທີ່ດີກວ່າທີ່ຈະປ່ຽນຜູ້ໃຊ້ມືຖືໄປສູ່ສະບັບມືຖືຂອງເວັບໄຊທ໌, ເພາະວ່າມັນບໍ່ອີງໃສ່ພາສາ scripting ຫຼື 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 / indexphp'
header ('Location:'. $ location);
ອອກຈາກ
}
?>

ບັນຫາຢູ່ທີ່ນີ້ແມ່ນວ່າມີ ຫຼາຍໆ ຕົວແທນແລະຕົວແທນຜູ້ໃຊ້ທີ່ມີທ່າແຮງທີ່ໃຊ້ໂດຍອຸປະກອນມືຖື. ສະຄິບນີ້ຈະຈັບແລະໂອນໃຫ້ພວກເຂົາຫຼາຍແຕ່ບໍ່ແມ່ນທັງຫມົດ. ແລະເພີ່ມເຕີມເພີ່ມເຕີມທັງຫມົດ.

ນອກຈາກນັ້ນ, ເຊັ່ນດຽວກັນກັບບັນດາວິທີແກ້ໄຂອື່ນໆຂ້າງເທິງ, ທ່ານຍັງຄົງຕ້ອງຮັກສາເວັບໄຊທ໌ມືຖືແຍກຕ່າງຫາກສໍາລັບຜູ້ອ່ານເຫຼົ່ານີ້! ຂໍ້ເສຍຂອງການມີການຈັດການສອງເວັບໄຊທ໌ (ຫຼືຫຼາຍກວ່າ!) ແມ່ນເຫດຜົນພຽງພໍທີ່ຈະຊອກຫາວິທີທີ່ດີກວ່າ.

ໃຊ້ WURFL

ຖ້າທ່ານຍັງກໍານົດການປ່ຽນເສັ້ນທາງຜູ້ໃຊ້ມືຖືຂອງທ່ານໄປຍັງເວັບໄຊທ໌ຫນຶ່ງແລ້ວ, WURFL (Wireless Universal Resource File) ເປັນການແກ້ໄຂທີ່ດີ. ນີ້ແມ່ນໄຟລ໌ XML (ແລະໃນປັດຈຸບັນເປັນໄຟລ໌ DB) ແລະຫ້ອງສະຫມຸດ DBI ຕ່າງໆທີ່ບໍ່ພຽງແຕ່ປະກອບມີຂໍ້ມູນຜູ້ໃຊ້ຜູ້ໃຊ້ແບບໄຮ້ສາຍທີ່ທັນສະໄຫມເທົ່ານັ້ນແຕ່ຍັງມີຄຸນສົມບັດແລະຄວາມສາມາດທີ່ຜູ້ໃຊ້ຕົວແທນເຫລົ່ານີ້ສະຫນັບສະຫນູນ.

ການນໍາໃຊ້ WURFL, ທ່ານດາວໂຫລດໄຟລ໌ຮູບແບບ XML ແລະຫຼັງຈາກນັ້ນເລືອກພາສາຂອງທ່ານແລະປະຕິບັດ API ໃນເວັບໄຊທ໌ຂອງທ່ານ. ມີເຄື່ອງມືສໍາລັບການນໍາໃຊ້ WURFL ກັບ Java, PHP, Perl, Ruby, Python, Net, XSLT ແລະ C ++.

ຜົນປະໂຫຍດຂອງການນໍາໃຊ້ WURFL ແມ່ນວ່າມີຈໍານວນຄົນທີ່ປັບປຸງແລະເພີ່ມໄຟລ໌ config ທຸກຄັ້ງ. ດັ່ງນັ້ນ, ໃນຂະນະທີ່ໄຟລ໌ທີ່ທ່ານກໍາລັງໃຊ້ແມ່ນຫມົດເວລາເກືອບກ່ອນທີ່ທ່ານຈະສໍາເລັດການດາວໂຫລດມັນ, ໂອກາດກໍ່ຄືວ່າຖ້າທ່ານດາວໂຫລດມັນຫນຶ່ງຄັ້ງຕໍ່ເດືອນ, ທ່ານຈະມີຕົວທ່ອງເວັບມືຖືທັງຫມົດທີ່ຜູ້ອ່ານຂອງທ່ານມັກໃຊ້ໂດຍບໍ່ມີຫຍັງ ບັນຫາ. ແນ່ນອນ, ແນ່ນອນ, ວ່າທ່ານຕ້ອງໄດ້ສືບຕໍ່ດາວໂຫຼດແລະປັບປຸງນີ້ - ທັງຫມົດດັ່ງນັ້ນທ່ານສາມາດນໍາໃຊ້ຜູ້ໃຊ້ໄປຫາເວັບໄຊທ໌ທີສອງແລະຂໍ້ບົກຜ່ອງທີ່ສ້າງ.

ການແກ້ໄຂທີ່ດີທີ່ສຸດແມ່ນການອອກແບບທີ່ຕອບສະຫນອງ

ສະນັ້ນຖ້າຮັກສາສະຖານທີ່ທີ່ແຕກຕ່າງກັນສໍາລັບອຸປະກອນທີ່ແຕກຕ່າງກັນບໍ່ແມ່ນຄໍາຕອບ, ແມ່ນຫຍັງ? ການອອກແບບເວັບຕອບຮັບ .

ການອອກແບບທີ່ຕອບສະຫນອງແມ່ນບ່ອນທີ່ທ່ານໃຊ້ CSS ການສອບຖາມສື່ເພື່ອກໍານົດຮູບແບບສໍາລັບອຸປະກອນທີ່ມີຄວາມກວ້າງຕ່າງໆ. ການອອກແບບຕອບຮັບອະນຸຍາດໃຫ້ທ່ານສ້າງຫນ້າເວັບຫນຶ່ງສໍາລັບຜູ້ໃຊ້ມືຖືແລະຜູ້ໃຊ້ທີ່ບໍ່ແມ່ນມືຖື. ຫຼັງຈາກນັ້ນ, ທ່ານບໍ່ຈໍາເປັນຕ້ອງກັງວົນກ່ຽວກັບເນື້ອຫາໃດທີ່ຈະສະແດງໃນເວັບໄຊທ໌ມືຖືຫຼືຈື່ຈໍາທີ່ຈະໂອນການປ່ຽນແປງທີ່ສຸດໃນເວັບໄຊມືຖືຂອງທ່ານ. ນອກຈາກນີ້, ເມື່ອທ່ານໄດ້ຂຽນ CSS, ທ່ານບໍ່ຈໍາເປັນຕ້ອງດາວໂຫລດສິ່ງໃຫມ່.

ການອອກແບບທີ່ຕອບສະຫນອງອາດຈະບໍ່ເຮັດວຽກຢ່າງສົມບູນໃນອຸປະກອນເກົ່າແລະຕົວທ່ອງເວັບ (ສ່ວນໃຫຍ່ແມ່ນໃຊ້ໃນຂະຫນາດນ້ອຍໆໃນມື້ນີ້ແລະບໍ່ຄວນກັງວົນສໍາລັບທ່ານ) ແຕ່ວ່າມັນແມ່ນເພີ່ມເຕີມ (ເພີ່ມຄໍເຕົ້າໄຂ່ໃສ່ເນື້ອຫາແທນທີ່ຈະກິນເນື້ອຫາ ໄປ) ຜູ້ອ່ານເຫຼົ່ານີ້ຈະຍັງສາມາດອ່ານເວັບໄຊທ໌ຂອງທ່ານ, ມັນຈະບໍ່ເຫມາະສົມກັບອຸປະກອນເກົ່າຫລືເບົາເຊີຂອງພວກເຂົາ.