• Windows + punkt -på Windows. - ⌘ + Control + Mellanslag -på macOS för emojis

| Ctrl + F -hitta ord eller meningar på sidan Ctrl + H -hitta ord och ersätt på sidan Ctrl + R -Laddar om sidan du är på och rensar cashe

Windows + H -Transkriberar tal till text var än du står Windows+ shift + R -för att börja spela in ett klipp | | | |

Andra verktyg vi ofta använder

Ett SSL-certifikat (Secure Sockets Layer) är ett digitalt dokument som autentiserar en webbplatss identitet och möjliggör en krypterad anslutning. Den upprättar en säker länk mellan en webbserver och en webbläsare, vilket säkerställer att all data som överförs förblir privat och säker, använd Qualys. SSL för att testa din sida.

För att kolla en Webbsidas DNS, DnsChecker

vanligaste säkerhetsriskerna OWASP

Kolla färgkontraster contrastchecker

Vid användning av AI är också, Text Compare, enklast för snabba jämförelser samtDiff checker, visar rad-för-rad med färgkodning.

DevTools

DevTools är ett kraftfullt verktyg för webbutvecklare som låter dig inspektera och ändra HTML, CSS och JavaScript på en webbsida i realtid. Det är ett ovärderligt verktyg för att felsöka problem, optimera prestanda och förstå hur en webbplats fungerar.

Så här öppnar du DevTools i olika webbläsare: Högerklicka

1. Firefox Developer Edition

   • Har inbyggda utvecklarverktyg specifikt designade för webbutveckling
   • Tydligare felmeddelanden än Chrome i många fall
   • För att öppna utvecklarverktygen:
     • Tryck F12 eller
     • Högerklicka och välj "Inspektera"
     • Eller klicka på menyknappen (≡) > Fler verktyg > Utvecklarverktyg

2. Chrome

   • Också bra för testning eftersom det är den mest använda webbläsaren
   • Som vi ser i felmeddelandet går Chrome mot att begränsa tredjepartskakor
   • Öppna utvecklarverktygen på samma sätt som i Firefox

Google Chrome:

Högerklicka någonstans på sidan och välj "Inspektera". Kortkommando: Ctrl+Shift+I (Windows, Linux) eller Cmd+Opt+I (Mac) Öppnas i ett nytt fönster developer.chrome.com Opening Chrome DevTools by rightclicking

Mozilla Firefox:

Högerklicka någonstans på sidan och välj "Inspektera element". Kortkommando: Ctrl+Shift+I (Windows, Linux) eller Cmd+Opt+I (Mac) Öppnas i ett nytt fönster support.mozilla.org Opening Firefox DevTools by rightclicking