Så här öppnar du utvecklarkonsolen i webbläsaren

Anonim

Så här öppnar du utvecklarkonsolen i webbläsaren

Webbläsare är utformade inte bara för vanliga användare, men också för utvecklare som testar verktyg och skapa webbplatser. Under vissa förhållanden kan konsolen behövas och en konventionell användare. Du kan öppna den i någon webbläsare, och det är ofta samma.

Öppnar utvecklarkonsolen i webbläsare

För utvecklare i webbläsaren finns det flera verktyg som gör det möjligt för dem att engagera sig professionellt i webbutveckling. En av dem är en konsol som låter dig spåra olika händelser. Du kan öppna den annorlunda, och då kommer vi att överväga olika alternativ för denna åtgärd. För Yandex. Vi har en separat artikel, och vi erbjuder att bekanta dig med ägarna till andra webbläsare nedan.

Läs mer: Hur man öppnar en konsol i Yandex.Browser

Metod 1: Hot tangenter

Varje webbläsare stöder Hot-Keys Management, och mestadels är dessa kombinationer desamma.

    Google Chrome / Opera: Ctrl + Shift + J

    Mozilla Firefox: Ctrl + Shift + K

Det finns en universell snabbnyckel - F12. Det lanserar konsolen i nästan alla webbläsare.

Metod 2: Kontextmeny

Du kan också ringa utvecklarkonsolen via snabbmenyn. Åtgärderna själva är absolut samma.

Google Chrome.

  1. Högerklicka på en tom plats på vilken sida som helst och välj "Visa kod".
  2. Ringa utvecklarkonsolen genom snabbmenyn i Google Chrome

  3. Byt till fliken "Console".
  4. Byt till fliken Konsol i Google Chrome Developer

Opera.

  1. Klicka på PCM på en tom plats och välj "Visa elementkod".
  2. Starta utvecklarverktygen för att växla till konsolen via Opera Context-menyn

  3. Byt till "konsol" där.
  4. Byt till fliken Konsol i Opera Developer Tools

Mozilla Firefox.

  1. Högerklicka på musen, ring snabbmenyn och klicka på "Utforska objektet".
  2. Ring utvecklarverktygen för att öppna konsolen genom kontextmenyn Mozilla Firefox

  3. Byt till "konsol".
  4. Mozilla Firefox Developer Tab Console

Metod 3: Browser-menyn

Genom menyn är det inte svårt att komma in i önskad sektion.

Google Chrome.

Klicka på ikonen Meny, välj "Avancerade verktyg" och från rullgardinsmenyn. Gå till "Developer's Tools". Det går bara att byta till fliken "Konsol".

Ring utvecklarverktyg för att gå till konsolen via Idle Chrome Browser-menyn

Opera.

Klicka på menyikonen i övre vänstra hörnet, svävar över menyalternativet Utveckling och välj Utvecklarverktyg. I det visade sektionen, växla till "Console".

Byt till utvecklarverktygen för att öppna konsolen via Opera Browser-menyn

Mozilla Firefox.

  1. Ring på menyn och klicka på webbutveckling.
  2. Gå till webbutvecklingssektionen via Mozilla Firefox-webbläsarmenyn

  3. I verktygslistan väljer du "Web Console".
  4. Samtalskonsol genom Mozilla Firefox-webbläsarens webbutvecklingsavdelning

  5. Byt till fliken "Console".
  6. Byt till fliken Konsol i Mozilla Firefox-utvecklaren

Metod 4: Kör i början av webbläsaren

De som ständigt är relaterade till utvecklingen, måste du alltid hålla konsolen öppen. För att inte återställa det varje gång, erbjuder webbläsarna att ställa in en genväg av vissa parametrar som automatiskt ringer konsolen när en webbläsare kommer att lanseras genom den här genvägen.

Google Chrome.

  1. Klicka på programgenväggen med höger musknapp och gå till "Egenskaper". Om det inte finns någon genväg, klicka på exe-filen på PCM och välj "Skapa en genväg".
  2. Gå till webbläsaregenskaperna via snabbmenyn

  3. På fliken "Etikett" i fältet "Objekt", placera textpekaren i slutet av linjen och sätt in kommandot - auto-open-devtools-for-tabin. Klicka på OK.

Ange parametern för webbläsaren för att automatiskt öppna utvecklarverktyg

Nu öppnas utvecklarkonsolen automatiskt med webbläsaren.

Mozilla Firefox.

Ägarna till den här webbläsaren får ringa konsolen i ett nytt fönster, vilket kan vara mycket bekvämare. För att göra detta kommer det att behövas för att gå till "egenskaper" på etiketten, vilket visades ovan, men för att komma in i det andra kommandot - -jsconsole.

Browser Startup-parameter för automatisk öppning av Mozilla Firefox-konsolen

Den öppnas separat med Firefox.

Lanserade konsol i ett nytt fönster Mozilla Firefox

Nu vet du alla aktuella sätt att starta konsolen vid rätt tidpunkt eller automatiskt.

Läs mer