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

DESCRIPTION:

Patakbuhin ang extension ng Chrome online web store na Visual Inspector(前端重构+视觉走查辅助工具) gamit ang OffiDocs Chromium online.

## Visual Inspector > Ito ay isang chrome plugin upang matulungan ang mga front-end na inhinyero at designer na mabilis na mahanap ang mga pagkakaiba sa pagitan ng mga mockup ng disenyo at mga web page.

pati na rin ang mga front-end na inhinyero sa pagsusuri sa sarili ng UI, na binabawasan ang gastos ng komunikasyon sa mga designer.

> Maari mong baguhin ang `size`, `position`, `transparency`, `mix mode` ng design manuscript sa kalooban, upang mapadali ang paghahambing ng UI ng iba't ibang istilo ng disenyo.

> Kung nagsasagawa ka ng page refactoring, ang real-time na function ay madaling maibabalik sa estado bago ma-refresh ang page pagkatapos ma-refresh ang page (gaya ng laki, posisyon, transparency, atbp.

ng draft ng disenyo).

> Kasabay nito, kung hindi mo kailangang ilipat ang disenyo ng kahabaan, inirerekumenda na buksan ang function ng pag-freeze, upang ang disenyo ay hindi na tumugon sa mga kaganapan sa mouse, hindi maaaring mag-unat at mag-drag, at hindi makakaapekto sa interactive function ng page mismo.

> Mga preset na shortcut para sa mga madalas na ginagamit na command para sa mas madaling operasyon at paghahambing ### Bagong bersyon(1.

3.

9+) inalis ang ruler.

para sa mga nangangailangan ng functionality na ito, mangyaring mag-install ng ruler gaya ng [better ruler](https://chrome.

Google

com/webstore/detail/better-ruler/ilcnadaaninblgbekoaihdhoiecaflie), na sumusuporta sa mga elemento ng pag-snap.

### mga shortcut key: - h: ipakita o itago ang mockup - f: ipakita o itago ang ibabang toolbar - d: i-freeze o i-unfreeze ang mockup - Mga number key (0-9): Mabilis na itakda ang transparency ng mockup.

Halimbawa, kung pinindot mo ang 5 nang dalawang beses sa 1 segundo, ang transparency ng mockup ay itatakda sa 55%.

Kung ang number key lang ang pinindot nang isang beses sa 1 segundo, gaya ng 5, awtomatiko itong pupunuin ng 0 pagkatapos ng isang segundo, ibig sabihin, itakda ang mockup transparency sa 50%.

- Mga arrow key: Ilipat ang mockup at ilipat ang 1px sa isang pagkakataon.

Kung pinindot mo ang Shift key nang sabay, ililipat mo ang 10px nang sabay-sabay.

- Mabilis na pagbagay: - alt + 0: I-reset - alt + 1: Orihinal na laki ng imahe - alt + 2: Orihinal na laki *2 - alt + 3: Orihinal na laki /2 - alt + 4: Lapad ng Window - Kung hindi gumagana ang shortcut , pakisuri kung nasa loob ng ibang mga kontrol ng form ang kasalukuyang focus ng page (gaya ng input, textarea.

.

.

)? Ang pinakamadaling paraan, mag-click sa mockup, o sa blangkong bahagi sa page at subukang muli :)

Karagdagang impormasyon:

- Inaalok ni paul
- Average na rating: 4.5 bituin (nagustuhan ito)
- Developer Ang e-mail address ay protektado mula sa spambots. Kailangan mo enable ang JavaScript upang tingnan ito.

Visual Inspector(前端重构+视觉走查辅助工具) web extension na isinama sa OffiDocs Chromium online