Så här gör du: Använda appens felsökningskonsol

Om du är webbutvecklare är du förmodligen bekant med webbläsarens utvecklingsverktyg:

Det är förmodligen det viktigaste verktyget för att felsöka fel på din webbplats.

Appar som skapats med webtoapp.design fungerar vanligtvis direkt, åtminstone beter de sig i stort sett identiskt med hur din webbplats beter sig i Chrome på Android och Safari på iOS. Så om din webbplats fungerar bra där bör du inte stöta på alltför många problem.

Ibland kanske du ändå känner att du behöver undersöka något oväntat beteende i din app. I sådana fall kan du öppna appens inbyggda konsol.

Så här öppnar du konsolen

Att öppna konsolen är avsiktligt dolt, så att vanliga appanvändare inte av misstag öppnar den och blir förvirrade. Men även om de skulle snubbla över den kan de bara stänga och öppna appen igen för att bli av med den.

Öppna konsolen från skärmen Inställningar

1. Börja med att öppna inställningarna för din app.
2. Klicka på kortet "Om".
3. Dubbelklicka på den lilla bilden i dialogrutan för att öppna utvecklarkonsolen.
4. Du kan nu stänga dialogrutan och inställningarna och använda konsolen medan du surfar i din app.

Öppna konsolen från dialogrutan för felrapportering

Om din app inte har något sätt att komma åt inställningarna kan du också öppna konsolen via dialogrutan för diagnosinformation:

1. Öppna felrapporteringsdialogen genom att skaka på enheten.
2. Dubbelklicka på dialogens titel.
3. Du kan nu stänga dialogrutan och använda konsolen medan du surfar i din app.

Funktioner i appens konsol

Öppna URL

Öppna valfri webbplats genom att ange webbadressen i dialogrutan. Detta kan vara användbart för att navigera till hemliga (det finns ingen länk till den på huvudwebbplatsen) testsidor eller staging-miljöer som du kanske har.

Kör JS

Denna funktion exekverar JavaScript som du anger och skriver ut resultatet i konsolen.

Lägg till Eruda

Detta lägger till en liten knapp som öppnar Eruda JavaScript-konsolen för den aktuella sidan du tittar på. Den innehåller nästan alla funktioner som du känner igen från webbläsarkonsolen på din dator, t.ex. utforskaren av DOM-trädelement. Du kan läsa mer om Eruda i dess GitHub-projekt.

Kopiera logg

Eftersom de loggade meddelandena kan vara lite svåra att läsa och analysera kan du använda den här knappen för att kopiera all loggad text så att du kan klistra in den var du vill. Du kan t.ex. skicka den till din dator där du kanske har en bättre textredigerare.