Paano buksan ang developer console sa browser.

Anonim

Paano buksan ang developer console sa browser.

Ang mga web browser ay dinisenyo hindi lamang para sa mga ordinaryong gumagamit, kundi pati na rin para sa mga developer na sumubok ng mga tool at lumikha ng mga website. Sa ilalim ng ilang mga kondisyon, ang console ay maaaring kailanganin at isang maginoo na gumagamit. Maaari mo itong buksan sa anumang browser, at ang mga paraan ng ito ay madalas na pareho.

Pagbubukas ng console ng developer sa mga browser

Para sa mga developer sa browser mayroong maraming mga tool na nagbibigay-daan sa kanila upang propesyonal na makisali sa web development. Ang isa sa kanila ay isang console na nagbibigay-daan sa iyo upang subaybayan ang iba't ibang mga kaganapan. Maaari mong buksan ito nang iba, at pagkatapos ay isaalang-alang namin ang iba't ibang mga pagpipilian para sa pagkilos na ito. Para sa Yandex. Mayroon kaming isang hiwalay na artikulo, at nag-aalok kami upang maging pamilyar sa mga may-ari ng iba pang mga browser sa ibaba.

Magbasa nang higit pa: Paano magbukas ng console sa Yandex.Browser

Paraan 1: Hot Keys.

Sinusuportahan ng bawat web browser ang pamamahala ng hot-key, at karamihan sa mga kumbinasyon na ito ay pareho.

    Google Chrome / Opera: Ctrl + Shift + J

    Mozilla Firefox: Ctrl + Shift + K.

May isang unibersal na hot key - F12. Inilunsad nito ang console sa halos lahat ng mga web browser.

Paraan 2: Context Menu.

Maaari mo ring tawagan ang developer console sa pamamagitan ng menu ng konteksto. Ang mga pagkilos mismo ay talagang pareho.

Google Chrome.

  1. Mag-right-click sa isang walang laman na lugar sa anumang pahina at piliin ang "Tingnan ang code".
  2. Pagtawag sa Developer Console sa pamamagitan ng menu ng konteksto ng Google Chrome

  3. Lumipat sa tab na "Console".
  4. Lumipat sa tab na console sa developer ng Google Chrome.

Opera.

  1. I-click ang PCM sa isang walang laman na lugar at piliin ang "Tingnan ang elemento code".
  2. Simulan ang mga tool ng developer upang lumipat sa console sa pamamagitan ng opera context menu

  3. Lumipat sa "console" doon.
  4. Lumipat sa tab na console sa mga tool ng developer ng opera

Mozilla Firefox.

  1. Mag-right-click ang mouse, tawagan ang menu ng konteksto at mag-click sa "Galugarin ang item".
  2. Tawagan ang mga tool ng developer upang buksan ang console sa pamamagitan ng menu ng konteksto Mozilla Firefox

  3. Lumipat sa "console".
  4. Mozilla Firefox Developer Tab console.

Paraan 3: menu ng browser

Sa pamamagitan ng menu ay hindi magiging mahirap upang makapasok sa nais na seksyon.

Google Chrome.

Mag-click sa icon ng menu, piliin ang "Mga Advanced na Tool" at mula sa drop-down na menu. Pumunta sa "Mga Tool ng Developer". Pupunta lamang ito upang lumipat sa tab na "Console".

Tawagan ang mga tool ng developer upang pumunta sa console sa pamamagitan ng menu ng browser ng Google Chrome

Opera.

I-click ang icon ng menu sa itaas na kaliwang sulok, mag-hover sa item ng menu ng pag-unlad at piliin ang Mga Tool ng Developer. Sa lumitaw na seksyon, lumipat sa "console".

Lumipat sa mga tool ng developer upang buksan ang console sa pamamagitan ng opera browser menu

Mozilla Firefox.

  1. Tawagan ang menu at mag-click sa web development.
  2. Pumunta sa seksyon ng web development sa pamamagitan ng Mozilla Firefox browser menu

  3. Sa listahan ng tool, piliin ang "Web Console".
  4. Call Console sa pamamagitan ng Mozilla Firefox Browser Web Development Section

  5. Lumipat sa tab na "Console".
  6. Lumipat sa tab na console sa developer ng Mozilla Firefox

Paraan 4: Patakbuhin sa simula ng browser

Ang mga patuloy na nauugnay sa pag-unlad, dapat mong palaging panatilihing bukas ang console. Upang hindi mabawi ito sa bawat oras, nag-aalok ang mga browser upang magtakda ng isang shortcut ng ilang mga parameter na awtomatikong tumawag sa console kapag ang isang web browser ay ilulunsad sa pamamagitan ng shortcut na ito.

Google Chrome.

  1. Mag-click sa shortcut ng programa gamit ang kanang pindutan ng mouse at pumunta sa "Properties". Kung walang shortcut, mag-click sa exe file ng PCM at piliin ang "Lumikha ng isang shortcut".
  2. Pumunta sa mga katangian ng browser sa pamamagitan ng menu ng konteksto

  3. Sa tab na "label" sa patlang na "Bagay", ilagay ang pointer ng teksto sa dulo ng linya at ipasok ang --Auto-open-devtools-for-tab command. I-click ang OK.

Ipasok ang parameter ng paglunsad ng browser upang awtomatikong buksan ang mga tool ng developer

Ngayon ang developer console ay awtomatikong magbubukas sa browser.

Mozilla Firefox.

Ang mga may-ari ng browser na ito ay pinapayagan na tawagan ang console sa isang bagong window, na maaaring maging mas maginhawa. Upang gawin ito, kakailanganin upang pumunta sa "mga katangian" ng label, tulad ng ipinakita sa itaas, ngunit upang pumasok sa iba pang mga command - -Jsconsole.

Browser Startup parameter para sa awtomatikong pagbubukas ng Mozilla Firefox Console

Ito ay magbubukas nang hiwalay sa Firefox.

Inilunsad ang console sa isang bagong window Mozilla Firefox

Ngayon alam mo ang lahat ng mga pangkasalukuyan na paraan upang simulan ang console sa tamang oras o awtomatikong.

Magbasa pa