ວິທີການກະຕຸ້ນແລະໃຊ້ຮູບແບບການອອກແບບທີ່ມີຄວາມຮັບຜິດຊອບໃນ Safari

ເນື້ອຫາ

• ເຂົ້າເຖິງເຄື່ອງມືຂອງນັກພັດທະນາໃນ browser ຂອງ Apple
• ວິທີການເປີດໃຊ້ຮູບແບບການອອກແບບທີ່ມີຄວາມຮັບຜິດຊອບໃນ Safari
• ເຄື່ອງມືພັດທະນາ Safari

ເຂົ້າເຖິງເຄື່ອງມືຂອງນັກພັດທະນາໃນ browser ຂອງ Apple

ການເຮັດໃຫ້ແນ່ໃຈວ່າເວບໄຊທ໌ແລະເວບໄຊທ໌ຕ່າງໆສະ ໜັບ ສະ ໜູນ ການຫຼອກລວງຂອງອຸປະກອນແລະເວທີແມ່ນ ໜ້າ ທີ່ ສຳ ຄັນ ສຳ ລັບນັກພັດທະນາເວັບ. ຕົວທ່ອງເວັບເວັບໄຊຕ໌ Safari ຂອງ Apple ປະກອບມີຮູບແບບການອອກແບບທີ່ຕອບສະ ໜອງ ເຊິ່ງຊ່ວຍໃຫ້ທ່ານສາມາດສະແດງວິທີການທີ່ເວັບໄຊທ໌້ຂອງທ່ານຈະສະແດງຜົນຕາມຄວາມລະອຽດຕ່າງໆຂອງ ໜ້າ ຈໍແລະໃນການສ້າງ iPad, iPhone, ແລະ iPod touch ຕ່າງໆ.

ຄຳ ແນະ ນຳ ໃນບົດຄວາມນີ້ໃຊ້ກັບ Safari 13 ສຳ ລັບ macOS. ຮູບແບບການອອກແບບທີ່ຕອບສະ ໜອງ ບໍ່ມີໃນລຸ້ນ Windows.

ວິທີການເປີດໃຊ້ຮູບແບບການອອກແບບທີ່ມີຄວາມຮັບຜິດຊອບໃນ Safari

ເພື່ອເປີດໃຊ້ເຄື່ອງມືນັກພັດທະນາຂອງ Safari ແລະຮູບແບບການອອກແບບທີ່ມີຄວາມຮັບຜິດຊອບ:

1. ເລືອກ Safari > ຕາມທີ່ໃຈມັກ ໃນແຖບເຄື່ອງມື Safari.

   

   
   

   ທ່ານຍັງສາມາດໃຊ້ຄີບອດໄດ້ ຄຳ ສັ່ງ+Comma (,) ໃນການເຂົ້າເຖິງເມນູ Preferences.

2. ໃນລາຍການ Preferences, ເລືອກລາຍການ ຂັ້ນສູງ tab ແລະ ໝາຍ ເອົາຫ້ອງຂ້າງ ສະແດງລາຍການພັດທະນາຢູ່ແຖບເມນູ. ຕົວເລືອກ ໃໝ່ ຄວນຈະມີຢູ່ໃນແຖບເຄື່ອງມື Safari ຢູ່ເທິງສຸດຂອງ ໜ້າ ຈໍ.

   

3. ເລືອກ ພັດທະນາ > ໃສ່ຮູບແບບການອອກແບບທີ່ມີຄວາມຮັບຜິດຊອບ ໃນແຖບເຄື່ອງມື Safari.

   

   
   

   ທ່ານຍັງສາມາດໃຊ້ຄີບອດໄດ້ ທາງເລືອກ+ຄຳ ສັ່ງ+ລ ເຂົ້າໄປໃນຮູບແບບການອອກແບບທີ່ຕອບຮັບ.

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

   

ນອກນັ້ນທ່ານຍັງສາມາດແນະ ນຳ Safari ໃຫ້ ຈຳ ລອງຕົວແທນຜູ້ໃຊ້ທີ່ແຕກຕ່າງກັນໂດຍ ນຳ ໃຊ້ເມນູແບບເລື່ອນລົງໂດຍກົງຂ້າງເທິງໄອຄອນຄວາມລະອຽດ.

ເຄື່ອງມືພັດທະນາ Safari

ນອກ ເໜືອ ຈາກຮູບແບບການອອກແບບທີ່ຕອບຮັບ, ເມນູການພັດທະນາຂອງ Safari ມີຫລາຍທາງເລືອກທີ່ມີປະໂຫຍດອື່ນໆລວມທັງ:

• ເປີດ ໜ້າ ດ້ວຍ: ເປີດ ໜ້າ ເວັບທີ່ໃຊ້ງານຢູ່ໃນໂປແກຼມທ່ອງເວັບອື່ນທີ່ຕິດຕັ້ງຢູ່ໃນ Mac ຂອງທ່ານ.
• ຕົວແທນຜູ້ໃຊ້: ການປ່ຽນຕົວແທນຜູ້ໃຊ້ເຮັດໃຫ້ເຄື່ອງແມ່ຂ່າຍເວັບ ຈຳ ແນກຕົວທ່ອງເວັບຂອງທ່ານເປັນສິ່ງອື່ນນອກ ເໜືອ ຈາກ Safari.
• ເຊື່ອມຕໍ່ຜູ້ກວດກາເວັບ: ສະແດງທຸກແຫຼ່ງຂໍ້ມູນຂອງເວບໄຊທ໌ລວມທັງຂໍ້ມູນ CSS ແລະ metrics DOM.
• ສະແດງຂໍ້ຜິດພາດຄອນເທັກ: ສະແດງຂໍ້ຜິດພາດແລະ ຄຳ ເຕືອນຕ່າງໆຂອງ JavaScript, HTML, ແລະ XML.
• ສະແດງແຫຼ່ງ ໜ້າ: ເບິ່ງແລະຄົ້ນຫາລະຫັດແຫຼ່ງຂອງ ໜ້າ ເວັບທີ່ໃຊ້ງານ.
• ສະແດງຊັບພະຍາກອນຫນ້າ: ສະແດງເອກະສານ, ສະຄິບ, CSS, ແລະແຫຼ່ງຂໍ້ມູນອື່ນໆຈາກ ໜ້າ ປັດຈຸບັນ.
• ສະແດງບັນນາທິການ Snippet: ແກ້ໄຂແລະປະຕິບັດຊິ້ນສ່ວນຂອງລະຫັດ. ຄຸນລັກສະນະນີ້ແມ່ນມີປະໂຫຍດຫຼາຍຈາກມຸມມອງການທົດສອບ.
• ສະແດງໂປແກມເສີມຂະຫຍາຍ: ສ້າງສ່ວນຂະຫຍາຍ Safari ຂອງຕົວເອງໂດຍການຫຸ້ມຫໍ່ລະຫັດຂອງທ່ານໃຫ້ຖືກຕ້ອງແລະຕ້ອງການເພີ່ມເມຕາເດຕາ.
• ເລີ່ມການບັນທຶກເວລາ: ບັນທຶກ ຄຳ ຂໍຂອງເຄືອຂ່າຍ, ການປະຕິບັດ JavaScript, ການສະແດງ ໜ້າ ເວບ, ແລະເຫດການອື່ນໆພາຍໃນ WebKit Inspector.
• ຖານຄວາມຈໍາເປົ່າ: ລຶບ cache ທັງ ໝົດ ທີ່ເກັບໄວ້ໃນ Safari, ບໍ່ພຽງແຕ່ໄຟລ໌ cache ຂອງເວບໄຊທ໌ມາດຕະຖານເທົ່ານັ້ນ.
• ປິດໃຊ້ຖານຄວາມ ຈຳ: ດ້ວຍການປິດຖານຄວາມ ຈຳ, ຊັບພະຍາກອນຕ່າງໆຈະຖືກດາວໂຫລດຈາກເວບໄຊທ໌ທຸກໆຄັ້ງທີ່ມີການຮ້ອງຂໍການເຂົ້າເຖິງເຊິ່ງກົງກັນຂ້າມກັບການໃຊ້ cache ໃນທ້ອງຖິ່ນ.
• ອະນຸຍາດ JavaScript ຈາກ Smart Search Field: ພິການໂດຍຄ່າເລີ່ມຕົ້ນຍ້ອນເຫດຜົນດ້ານຄວາມປອດໄພ, ຄຸນລັກສະນະນີ້ຊ່ວຍໃຫ້ທ່ານສາມາດໃສ່ URL ທີ່ບັນຈຸ JavaScript ໃນແຖບທີ່ຢູ່ຂອງ Safari.
• ປະຕິບັດໃບຢັ້ງຢືນ SHA-1 ທີ່ບໍ່ປອດໄພ: ສັ້ນ ສຳ ລັບ Secure Hash Algorithm, ໜ້າ ທີ່ຂອງ SHA-1 ໄດ້ຖືກພິສູດໃຫ້ເຫັນວ່າມີຄວາມປອດໄພ ໜ້ອຍ ກວ່າທີ່ຄິດໃນເບື້ອງຕົ້ນ, ເພາະສະນັ້ນການເພີ່ມຕົວເລືອກນີ້ໃນ Safari.