Har du velat inspektera en webbdel? Det är väldigt enkelt på datorer eller PC, men hur är det med mobiltelefoner? I den här läsningen har vi lagt till tre fungerande sätt att inspektera element i Google Chrome på din Android- eller iOS-enhet.
Inspektera element i Chrome på Android eller iOS
Att inspektera en webbdel av en webbplats hjälper användare eller utvecklare att se och redigera HTML- och CSS-skripten för en webbsida på sin enhet utan att ha den faktiska förändringen. Här har vi lagt till tre sätt att inspektera element i webbläsaren Google Chrome på dina Android- eller iOS-enheter.
Metod 1- Markera en Javascript-kod
Du kan enkelt öppna avsnittet Inspektera element i Google Chrome på din Android eller iPhone med hjälp av en Javascript-kod. Följ stegen för att göra det.
Steg 1: Öppna webbläsaren Google Chrome på din enhet.
Steg 2: Besök webbplatsen vars objekt du vill redigera eller visa.
Steg 3: Klicka på tre punkter ikon högst upp och tryck sedan på Markör.
Steg 4: Det kommer att visa bekräftelsen med en Redigera knappen, tryck på den.
Steg 5: Namnge bokmärket Inspektera och skriv följande kod i URL:en: javascript:document.body.contentEditable=’true’; document.designMode=’på’; tom 0
Steg 6: Gå tillbaka och besök webbplatsen vars objekt du vill se. Tryck på adressrutan och hitta bokmärkets namn, dvs. Inspektera nytt, som vi har lagt till. Rör den.
Steg 7: Du kommer nu att kunna redigera webbplatstexten precis som vi gjorde i skrivbordsinspektionen.
Steg 8: Här kommer du också att se en inställningsliknande ikon på sidan, tryck på den för att visa Föremål, Rutnät, Resurseroch mer.
Metod 2: Använd Kiwi Browser
Kiwi Browser har lagt till Chrome Developer Tools till sin Android-app, så att användare kan se och redigera inspektionswebbplatser som liknar det vi gjorde i skrivbordsversionen av Chrome. Följ stegen nedan för att göra det.
Steg 1: Ladda ner eller öppna Kiwi Browser på din enhet.
Steg 2: Besök webbplatsen vars föremål du vill inspektera.
Steg 3: Klicka på tre punkter ikon överst.
Steg 4: Välj Utvecklings verktyg från menyn som visas.
Steg 5: Webbläsaren kommer att öppna inspektionsfönstret i en ny flik som är mycket lik Chromes skrivbordsinspektion.
Metod 3: Kör ett skript i adressfältet
Du kan också inspektera eller visa Javascript-konsolen med verktyget eruda som öppnar samma utvecklarverktyg som en stationär enhet. Följ stegen nedan för att köra eruda-skriptet.
Steg 1: Öppna webbplatsen vars JS-konsol du vill se eller inspektera.
Steg 2: Tryck på adressfältet och skriv följande skript och tryck på enter för att köra det:
javascript:(function () { var script = document.createElement(‘script’); script.src=”//cdn.jsdelivr.net/npm/eruda”; document.body.appendChild(script); script.onload = function () { eruda.init() } })();
Steg 3: Nu kommer du att se en inställningsliknande ikon, tryck på den och konsolen öppnas.
Steg 4: Konsolen öppnas som skrivbordskonsolen. Tryck här på markörikonen längst ner för att välja ett objekt och visa motsvarande objekt.
Slut
Så här kan du inspektera element i Google Chrome på din Android- eller iOS-enhet. Jag hoppas att artikeln ovan hjälpte dig att inspektera föremål och se konsolen i Chrome på din telefon. Håll ögonen öppna för fler tips, tricks och instruktioner.
Relaterad:
