Visual Inspector(前端重构+视觉走在辅助工具) i

ລາຍລະອຽດ

## Visual Inspector > ນີ້ແມ່ນ plugin chrome ເພື່ອຊ່ວຍໃຫ້ວິສະວະກອນດ້ານຫນ້າແລະຜູ້ອອກແບບຊອກຫາຄວາມແຕກຕ່າງລະຫວ່າງການອອກແບບ mockups ແລະຫນ້າເວັບຢ່າງໄວວາ.

ເຊັ່ນດຽວກັນກັບວິສະວະກອນດ້ານຫນ້າ UI ການກວດສອບຕົນເອງ, ຫຼຸດຜ່ອນຄ່າໃຊ້ຈ່າຍໃນການສື່ສານກັບຜູ້ອອກແບບ.

> ທ່ານ​ສາ​ມາດ​ປັບ​ປຸງ​ແກ້​ໄຂ "ຂະ​ຫນາດ​"​, "ຕໍາ​ແຫນ່ງ​"​, "ຄວາມ​ໂປ່ງ​ໃສ​"​, "ຮູບ​ແບບ​ການ​ປະ​ສົມ​" ຂອງ​ຫນັງ​ສື​ໃບ​ລານ​ການ​ອອກ​ແບບ​ທີ່​ຈະ​, ເພື່ອ​ສະ​ດວກ​ໃນ​ການ​ປຽບ​ທຽບ UI ຂອງ​ຮູບ​ແບບ​ການ​ອອກ​ແບບ​ຕ່າງໆ​.

> ຖ້າທ່ານກໍາລັງເຮັດການ refactoring ຫນ້າ, ຟັງຊັນໃນເວລາທີ່ແທ້ຈິງສາມາດໄດ້ຮັບການຟື້ນຟູໄດ້ຢ່າງງ່າຍດາຍກ່ອນທີ່ຫນ້າເວັບຈະຖືກໂຫຼດຫນ້າຈໍຄືນຫຼັງຈາກຫນ້າຖືກໂຫຼດຫນ້າຈໍຄືນ (ເຊັ່ນ: ຂະຫນາດ, ຕໍາແຫນ່ງ, ຄວາມໂປ່ງໃສ, ແລະອື່ນໆ.

ຂອງ​ຮ່າງ​ການ​ອອກ​ແບບ).

> ໃນເວລາດຽວກັນ, ຖ້າທ່ານບໍ່ຈໍາເປັນຕ້ອງຍ້າຍການອອກແບບ stretch, ແນະນໍາໃຫ້ເປີດຟັງຊັນ freeze, ດັ່ງນັ້ນການອອກແບບຈະບໍ່ຕອບສະຫນອງຕໍ່ເຫດການຂອງຫນູ, ບໍ່ສາມາດ stretch ແລະ drag, ແລະຈະບໍ່ມີຜົນກະທົບຕໍ່ການໂຕ້ຕອບ. ຫນ້າທີ່ຂອງມັນເອງ.

> ທາງລັດທີ່ຕັ້ງໄວ້ລ່ວງໜ້າສຳລັບຄຳສັ່ງທີ່ໃຊ້ເລື້ອຍໆເພື່ອການໃຊ້ງານທີ່ງ່າຍຂຶ້ນ ແລະປຽບທຽບ ### ເວີຊັ່ນໃໝ່ (1.3.9+) ອອກໄມ້ບັນທັດອອກ.

ສໍາລັບຜູ້ທີ່ຕ້ອງການຟັງຊັນນີ້, ກະລຸນາຕິດຕັ້ງໄມ້ບັນທັດເຊັ່ນ [ໄມ້ບັນທັດທີ່ດີກວ່າ](https://chrome.

Google

com/webstore/detail/better-ruler/ilcnadaaninblgbekoaihdhoiecaflie), ເຊິ່ງສະຫນັບສະຫນູນອົງປະກອບ snapping.

### ປຸ່ມລັດ: - h: ສະແດງ ຫຼືເຊື່ອງ mockup - f: ສະແດງ ຫຼືຊ່ອນແຖບເຄື່ອງມືທາງລຸ່ມ - d: freeze or unfreeze mockup - ປຸ່ມຕົວເລກ (0-9): ຕັ້ງຄ່າຄວາມໂປ່ງໃສຂອງ mockup ຢ່າງໄວວາ.

ຕົວຢ່າງ, ຖ້າທ່ານກົດ 5 ສອງຄັ້ງໃນ 1 ວິນາທີ, ຄວາມໂປ່ງໃສຂອງ mockup ຈະຖືກກໍານົດຢູ່ທີ່ 55%.

ຖ້າພຽງແຕ່ກົດປຸ່ມຕົວເລກຖືກກົດຄັ້ງດຽວໃນ 1 ວິນາທີ, ເຊັ່ນ 5, ມັນຈະຕື່ມຂໍ້ມູນອັດຕະໂນມັດ 0 ຫຼັງຈາກຫນຶ່ງວິນາທີ, ນັ້ນແມ່ນ, ກໍານົດຄວາມໂປ່ງໃສຂອງ mockup ເປັນ 50%.

- ປຸ່ມລູກສອນ: ຍ້າຍ mockup ແລະຍ້າຍ 1px ໃນເວລານັ້ນ.

ຖ້າທ່ານກົດປຸ່ມ Shift ໃນເວລາດຽວກັນ, ທ່ານຈະຍ້າຍ 10px ໃນເວລາດຽວກັນ.

- ການປັບຕົວດ່ວນ: - alt + 0: ຣີເຊັດ - alt + 1: ຂະຫນາດຮູບຕົ້ນສະບັບ - alt + 2: ຂະຫນາດຕົ້ນສະບັບ *2 - alt + 3: ຂະຫນາດຕົ້ນສະບັບ /2 - alt + 4: ຄວາມກວ້າງຂອງປ່ອງຢ້ຽມ - ຖ້າທາງລັດບໍ່ເຮັດວຽກ. , ກະລຸນາກວດເບິ່ງວ່າຈຸດສຸມຂອງໜ້າປັດຈຸບັນແມ່ນຢູ່ໃນການຄວບຄຸມແບບຟອມອື່ນຫຼືບໍ່ (ເຊັ່ນ: ການປ້ອນຂໍ້ມູນ, ພື້ນທີ່ຂໍ້ຄວາມ.

.

.

)? ວິ​ທີ​ທີ່​ງ່າຍ​ທີ່​ສຸດ​, ໃຫ້​ຄລິກ​ໃສ່ mockup​, ຫຼື​ໃນ​ພື້ນ​ທີ່​ເປົ່າ​ຫວ່າງ​ໃນ​ຫນ້າ​ແລະ​ເພື່ອ​ພະ​ຍາ​ຍາມ​ອີກ​ເທື່ອ​ຫນຶ່ງ :)

ຂໍ້​ມູນ​ເພີ່ມ​ເຕີມ:

- ສະເຫນີໂດຍ Paul
- ຄະ​ແນນ​ສະ​ເລ່ຍ​: 4.5 ດາວ (ຮັກ​ມັນ​)
- ນັກພັດທະນາ ທີ່ຢູ່ອີເມວນີ້ຈະຖືກປ້ອງກັນຈາກສະແປມບອດ. ທ່ານຈໍາເປັນຕ້ອງເປີດການໃຊ້ງານຈາວາດຄິບກ່ອນ.

Visual Inspector(前端重构+视觉走在辅助工具) ເວັບ extension ປະສົມປະສານກັບ OffiDocs Chromium ອອນໄລນ໌