Jy kan elemente op iPhone vinnig inspekteer deur dit te koppel aan 'n MAC-rekenaar wat Safari-ontwikkelaarnutsgoed gebruik of derdeparty-sagteware soos Adobe Edge Inspect of LambdaTest te gebruik.

Apple het 'n lang pad met sy ikoniese iPhone-reeks. Sy iOS het 'n wêreldwye markaandeel van 28,27% vir mobiele bedryfstelsels, wat beteken dat miljoene gebruikers wêreldwyd iPhones gebruik om toegang tot webblaaie te verkry.

Dit is dus noodsaaklik om te weet hoe om elemente op iPhone te inspekteer om die funksionaliteit van webblaaie te verbeter op Safari bekyk en hul voorkoms dienooreenkomstig verander.

As jy nie weet hoe om dit te doen nie, het ons 'n stap-vir-stap-gids saamgestel om jou te help om die hele proses met gemak te verstaan.

1. Wat beteken dit om 'n element te inspekteer?
2. Hoe om elemente op iPhone te inspekteer?
   • Metode #1: Gebruik Safari-ontwikkelaarnutsgoed
   • Metode # 2: Inspekteer elemente op iPhone met behulp van derdeparty-nutsgoed
     • Gebruik Adobe Edge Inspect
     • Gebruik LambdaTest
3. Inspekteer element in iPhone se Chrome-blaaier
4. Opsomming
5. Greelgestelde vrae

Wat beteken dit om 'n element te inspekteer?

As jy 'n front-end webontwikkelaar, kan jy gereeld elemente inspekteer om te verander en eksperimenteer met die voorkoms van 'n webblad deur vinnige wysigings aan die CSS en HTML -lêers van die webwerf te maak.

Die veranderinge is egter net op jou toestel sigbaar.Nadat jy die webblad herlaai het, is hierdie veranderinge weg, en die oorspronklike weergawe van die webbladstruktuur verskyn weer. So, in werklikheid redigeer jy nie 'n webwerf se bronkode nie; jy eksperimenteer net met elemente vir jou besigtiging en probleemoplossing.

Om elemente te inspekteer is uitstekend vir ontwerpers, bemarkers en ondersteuningsagente. Ontwerpers wil dalk sien hoe 'n werfontwerp op mobiele toestelle verskyn of watter tema hul mededingers gebruik. Aan die ander kant wil 'n bemarker dalk ontleed hoe mededingers hul sleutelwoorde gebruik.

Intussen kan 'n ondersteuningsagent met 'n basiese kennis van CSS maklik enige teks, ontwerp en hiërargie van 'n webblad binne sekondes verander terwyl elemente te inspekteer en kan 'n probleem na die ontwikkelaars eskaleer oor regstellings wat op 'n webwerf gedoen moet word.

Druk Ctrl+Z in ​​Windows en Linux en Command+Z in macOS om enige wysigings wat met die Inspekteer element-nutsding gemaak is, ongedaan te maak.

Hoe om elemente op iPhone te inspekteer?

Om elemente op iPhone te inspekteer is 'n bietjie ingewikkeld, en jy sal dalk 'n bietjie oorweldig voel terwyl maak so. Ons stap-vir-stap-instruksies sal egter die hele ervaring vir jou moeiteloos en aangenaam maak.

Ons sal ook die gebruik van iPhone se Chrome-blaaier bespreek om ook met elemente te eksperimenteer. So sonder enige vertraging, hier is die twee metodes wat verduidelik hoe om element op iPhone te inspekteer.

Metode#1: Gebruik Safari-ontwikkelaarnutsgoed

In die eerste metode sal jy Safari-ontwikkelaarnutsgoed gebruik om elemente op iPhone te inspekteer.

1. Koppel jou iPhone aan jou Mac PC met 'n USB-kabel.
2. Laat Safari-blaaier op jou Mac oop en gaan na Gevorderd Tab .
3. Wissel die Webinspekteur -skakelaar na die Groen -kleur.
4. Navigeer nou na Voorkeure > Gevorderde oortjie.
5. Kyk nou die “Wys Ontwikkel-kieslys in menubalk” blokkie om die Ontwikkel-opsie op die Opsies -balk van die blaaier te laat verskyn.
6. Volgende, klik die Ontwikkel opsie om jou toestelnaam sigbaar te maak in die lys toestelle.
7. Laastens, beweeg oor jou iPhone en sien 'n lys van webblaaie oop op jou iOS. Kies dan die webblad wat jy moet inspekteer uit die lys.

Inspeksie van iPhone-elemente met behulp van Safar Developer Tools is slegs beskikbaar in die Apple-ekosisteem, wat beteken dat as jy nie Mac het nie, hierdie metode sal nie werk nie.

Metode #2: Inspekteer Elemente op iPhone met behulp van derdepartynutsgoed

Gebruik Adobe Edge Inspect

As jy nie Mac besit nie, kan jy gebruik Adobe Edge Inspect Tool om elemente op jou iPhone te inspekteer.

1. Laai die Adobe Edge Inspect op jou rekenaar af en koppel jou iPhone en rekenaar met dieselfde Wi-Fi-verbinding.
2. Koppel jou iPhone aan jou Mac met 'n USB-kabel en begin die sagtewareop jou rekenaar.
3. Nou sal jou iPhone-naam op die sagteware verskyn.
4. Maak dan 'n webblad op jou blaaier oop en let op hoe dit op jou gekoppelde sal oopmaak iPhone ook.
5. Kies 'n ontfouterteken () wat langs jou gekoppelde toestelle wys.
6. Volgende sal ontwikkelaarnutsgoed oopmaak, wat jou toelaat om elemente op iPhone te inspekteer.

Gebruik LambdaTest

LambdaTest is nog 'n uitstekende derdeparty-instrument om elemente op 'n iPhone te inspekteer.

1. Registreer op die LambdaToets-registrasiebladsy om 'n rekening te maak en aan te meld.
2. Kies Intydse toetsing op die linkerpaneel van die kontroleskerm.
3. Voer die toets URL , en kies die toesteltipe , toestelnaam, bedryfstelsel en blaaier waarop jy die toets sal laat loop.
4. Klik begin en kies die ontwikkelaaropsie van die linkernutsmiddelpaneel.
5. Ontwikkelaarnutsgoed sal op jou gekose iPhone-toestel oopmaak.
6. Begin toets met die iPhone-simulator vir blaaiertoetsing

LambdaTest is buitengewoon veilig wat GDPR en CCPA voldoen. Hulle handhaaf volledige deursigtigheid en waarborg jou databeskerming en sekuriteit.

Inspekteer element in iPhone se Chrome-blaaier

Jy kan elemente van 'n webwerf op 'n Chrome-blaaier met jou iPhone inspekteer. Om dit te doen, begin die Chrome-blaaier op jou iPhone en besoek 'n webwerf.Tik nou op die adresbalk en tik view-source: voor die HTTP of HTTPS . Herlaai dan die bladsy om die hele elemente te sien.

Opsomming

In hierdie gids oor hoe om element op iPhone te inspekteer, het ons die gebruik van Safari-ontwikkelaarnutsgoed en derdepartynutsgoed bespreek om mee te eksperimenteer die kode. Ons het ook die inspeksie van elemente in 'n iPhone se Chrome-blaaier bespreek.

Hopelik was hierdie gids nuttig vir jou, en nou kan jy vinnig elemente op jou iPhone inspekteer met ons vinnige metodes.

Greelgestelde vrae

Om elemente van 'n webwerf op 'n rekenaar Chrome-blaaier te inspekteer, doen hierdie stappe.

1) Begin Chrome en besoek die webblad om elemente te inspekteer.

2) Kyk na die boonste regterkantste hoek van die skerm en klik op drie vertikale kolletjies.

3) Klik vervolgens op Meer gereedskap > Ontwikkelaarnutsgoed vanaf die aftrekkieslys.

4) Ontwikkelaarnutsgoed, Console en 'n paar ander nutsgoed sal oopmaak, wat jou toelaat om element te inspekteer.

Dit is nie onwettig om 'n kwesbaarheid op 'n webwerf te vind deur die inspekteer-element op die blaaier te gebruik nie. Dit is egter onwettig om daardie vatbaarheid te ontgin en vir wins te gebruik.

As jy wel 'n kwesbaarheid vind, rapporteer dit aan die werfeienaar voordat die kwessie publiek gemaak word. Gewoonlik het webwerwe 'ntoegewyde bladsy om sekuriteitskwessies aan te meld.