Kumuha ng Ganap na Gumagana na Terminal sa Google Chrome Developer Tools

Anonim

Halos bawat web developer o designer ay pamilyar sa Mga Tool ng Developer ng Google Chrome, na nagbibigay-daan para sa madaling pag-debug, pag-tweaking, at pagsasaayos ng mga web page at web application batay sa browser. Alam ng mga nakatira sa mga web browser at text editor kung gaano kapaki-pakinabang ang DevTools, at sa tulong ng isang third party na extension ng Chrome maaari mong gawing mas mahusay na tool sa pag-develop ang Chrome sa pamamagitan ng pagdaragdag ng Terminal sa umiiral na hanay ng mga tool ng developer.Oo, isang terminal tulad ng Terminal.app, para sa napakabilis na pag-tweak at pagsasaayos ng command line, nang hindi umaalis sa Chrome browser.

Napakadali ng pag-install ng Terminal sa Chrome Developer Tools para sa mga user ng Mac, kailangan lang mag-download ng libreng extension ng Chrome:

Kumuha ng Terminal para sa DevTools dito

Ang mga user na hindi nagpapatakbo ng OS X sa kanilang mga development machine ngunit gusto pa ring i-install ang Terminal sa kanilang Chrome browser ay maaaring gawin ito nang manu-mano sa pagsunod sa mga tagubilin gamit ang node.js sa pahina ng mga developer dito. Medyo madali pa rin ito, hindi lang ang isang-click na pag-install na kasama ng pagdaragdag ng extension ng Chrome.

Kapag na-install na, ang pag-access sa Terminal mula sa Developer Tools ay hindi gaanong naiiba sa pagsasaayos ng mga elemento ng page, panonood sa error console, o pagtingin sa source ng page, kailangan lang piliin ang bagong access na tab na Terminal.

  • Right-click kahit saan sa isang web page at piliin ang “Inspect Element”, pagkatapos ay piliin ang tab na “Terminal”
  • O gumamit ng keyboard shortcut: Control+Shift+i para ipatawag ang Dev Tools, pagkatapos ay piliin ang tab na Terminal

Ang animated na GIF mula sa developer ng mga plugin sa ibaba ay nagpapakita ng simpleng paggamit:

Oo, ito ay isang ganap na gumaganang Terminal, at maaari kang mag-tail ng mga log, curl header, gumamit ng nano o vi para mag-edit ng code, mag-update ng package, mag-recompile ng isang bagay, manood ng Star Wars at maglaro ng Tetris, kahit anong partikular. command line magic na kinakailangan para sa iyong development work.

Mahalagang tala sa seguridad: Lahat ng data na ginamit at na-access mula sa DevTools Terminal ay ipinapadala sa plain text. Kaya, kung plano mong gamitin ito sa isang production environment, para sa ssh, sftp, mysql, o para magpadala ng mga password o anumang sensitibong data sa anumang paraan, laging gumamit ng https Ayon sa developer, hindi nakaimbak ang mga password sa kliyente, ngunit gugustuhin mo pa ring magsagawa ng naaangkop na pag-iingat sa seguridad upang maiwasang magpadala ng anumang bagay na mahalaga.

Kumuha ng Ganap na Gumagana na Terminal sa Google Chrome Developer Tools