Hur man inspekterar element pÄ Android

Hur man inspekterar element pÄ Android

WebbvĂ€rlden bestĂ„r av webbplatser med flera webbsidor som innehĂ„ller bilder, videor och text. Även om du inte ser dem, bestĂ„r det mesta av innehĂ„llet du ser av hundratusentals rader med koder. Om du surfar pĂ„ din dator kan flera webblĂ€sare som Google Chrome, Safari och Firefox se vilka av koder som tillhör en viss del av en webbsida.

Allt du behöver göra Ă€r att högerklicka pĂ„ en webbsida sĂ„ fĂ„r du alternativet “Inspektera” eller “Inspektera element”. Du behöver inte installera ett separat verktyg eller ladda ett tillĂ€gg för att detta ska fungera pĂ„ din dator.

Men pÄ Android-sidan saknar du ett sÄdant alternativ, det finns inte heller ett sÀtt att lÀgga till ett sÄdant alternativ pÄ Chrome med hjÀlp av tillÀgg eller Chrome-flaggor.

Vad Àr verktyget Inspektera element

Inspect Element Àr ett verktyg som finns i stora webblÀsare, sÄ att du kan se HTML- och CSS-koder som angavs för att presentera innehÄllet som visas pÄ en webbsida.

Förutom att visa dem kan du ocksÄ redigera dessa koder för att Àndra innehÄllet eller kopiera dem till en annan destination. Inspektionselementet kan ocksÄ anvÀndas i scenarier dÀr du vill ha skÀrmdumpar av samplat innehÄll utan att göra permanenta Àndringar pÄ en webbsida.

Varför anvĂ€nda “Inspektera element” pĂ„ Android

Om du Ă€r en front-end-utvecklare eller en marknadsföringsspecialist kommer verktyget “Inspektera element” i din webblĂ€sare att vara nĂ„got som lĂ„ter dig spela med live-koder pĂ„ en webbsida utan rĂ€dslan för att bryta dem och ta ocksĂ„ sĂ„ mĂ„nga skĂ€rmdumpar som du kan för att marknadsföra produkten.

Eftersom webbsidor skiljer sig frĂ„n PC och mobil kanske du vill kontrollera hur en webbsida ser ut pĂ„ din telefon. Det Ă€r en aspekt dĂ€r nĂ„got som “inspektera element” -verktyget kan vara till nytta.

Verktyget kan ocksĂ„ anvĂ€ndas om du skapar innehĂ„ll och du vill dela nĂ„gon typ frĂ„n en webbplats till en annan utan att ladda ner och ladda upp innehĂ„llet igen. Slutligen kanske du vill anvĂ€nda verktyget “inspektera element” nĂ€r du Ă€r borta frĂ„n ett skrivbord eller pĂ„ sprĂ„ng.

Varför har inte Android-webblÀsare alternativet Inspektera element

Om du undrar varför mobilwebblÀsare inte lÄter dig inspektera element som du gör pÄ din dator, kan det bero pÄ att smarttelefonskÀrmar fortfarande Àr smÄ för att visa elementen du inspekterar.

DÀremot visar en del av skÀrmen de koder som du inspekterar medan den andra halvan markerar rutorna nÀr du hÄller markören genom koderna.

Smartphones har helt enkelt inte tillrĂ€ckligt med utrymme pĂ„ sina skĂ€rmar för att visa vad som inspekteras och det Ă€r dĂ€rför vettigt att de flesta webblĂ€sare inte har alternativet “Inspektera element”.

Hur man inspekterar element pÄ en webbsida pÄ Android

Följande guide ger dig en lösning för att inspektera element pÄ Android.

Metod 1: AnvÀnda inspektera och redigera HTML Live-appen

Steg 1: Ladda ner och installera appen Inspektera och redigera HTML Live frÄn Google Play. NÀr installationen Àr klar öppnar du appen.

Steg 2: Tryck pÄ adressfÀltet högst upp, skriv in webbplatsen du vill inspektera och tryck pÄ Enter-tangenten pÄ tangentbordet.

Steg 3: BlÀddra igenom sidan och leta reda pÄ det element du vill inspektera.

Steg 4: NÀr du har hittat elementet, tryck pÄ knappen InspektörslÀge lÀngst upp till höger, intill adressrutan. Knappen markeras nu i gult.

inspektera element pÄ en webbsida pÄ Android-3-a inspektera element pÄ en webbsida pÄ Android-4-a

Steg 5: Klicka nu pÄ det element du vill inspektera.

Du kommer nu att kunna se de koder som anvÀnds för att presentera det valda elementet. Du kan söka efter ord för att hitta vissa delar av koden.

Steg 6: För att lÀmna inspektörslÀget efter att ha visat ett element, tryck pÄ fönsterikonen till höger för att komma tillbaka till den ursprungliga webbsidan du tittade pÄ.

Metod 2: I vilken webblÀsare som helst

Även om den hĂ€r metoden fungerar i alla webblĂ€sare pĂ„ Android inklusive Google Chrome, Brave, Microsoft Edge eller Firefox, kommer detta inte att ge dig den exakta uppsĂ€ttningen koder som finns i ett avsnitt pĂ„ en webbsida utan visar dig hela koden som anvĂ€nds för sidan. Du kan dock fortfarande anvĂ€nda detta för att enkelt visa koder och mediekĂ€llor som finns pĂ„ en sida.

Steg 1: Öppna standardwebblĂ€saren som du anvĂ€nder pĂ„ din telefon. Du kan göra detta pĂ„ Google Chrome, Brave, Firefox, Opera, Microsoft Edge, Vivaldi och andra.

Steg 2: GÄ över till sidan dÀr du vill inspektera element.

Steg 3: NÀr webbsidan har laddats upp, tryck pÄ adressfÀltet och prefix adressen med följande kod:

view-source:

inspektera element pÄ en webbsida pÄ Android-9-a inspektera element pÄ en webbsida pÄ Android-12-a

Till exempel, om “https://nerdschalk.comӀr den sida du vill inspektera, adressatorn ska lĂ€sa:

view-source:https://nerdschalk.com

Steg 4: NÀr du har lagt till ovanstÄende kod trycker du pÄ Enter-tangenten pÄ tangentbordet.

Du kommer nu att kunna se hela kÀllkoden pÄ den webbsida du angav. Du kan kopiera och klistra in koder för att dela media eller vissa element nÄgon annanstans. Du kan ocksÄ komma Ät lÀnkar, bilder och videor som har lagts till pÄ webbsidan genom att klicka pÄ dem eller dela dem med andra.

inspektera element pÄ en webbsida pÄ Android-15 inspektera element pÄ en webbsida pÄ Android-16

Det Àr allt! OvanstÄende tvÄ metoder Àr tvÄ av de enklaste sÀtten att inspektera element pÄ en webbsida.