Jo kinne eleminten op iPhone fluch ynspektearje troch it te ferbinen mei in MAC PC mei Safari Developer Tools of software fan tredden te brûken lykas Adobe Edge Inspect of LambdaTest.

Apple is in lange wei mei syn byldbepalende iPhone-opstelling. De iOS hat in wrâldwide merkoandiel foar mobyl bestjoeringssysteem fan 28,27%, wat betsjut dat miljoenen brûkers wrâldwiid iPhones brûke om tagong te krijen ta websiden.

Dus, it is essinsjeel om te witten hoe eleminten op iPhone te ynspektearjen om de funksjonaliteit fan websiden te ferbetterjen besjoen op Safari en feroarje har uterlik dêrop.

As jo ​​net witte hoe't jo it moatte dwaan, hawwe wy in stap foar stap gids gearstald om jo te helpen it hiele proses mei gemak te begripen.

1. Wat betsjut it ynspektearjen fan in elemint?
2. Hoe kinne jo eleminten op iPhone ynspektearje?
   • Metoade #1: Safari-ûntwikkelders ark brûke
   • Metoade # 2: Ynspektearje eleminten op iPhone mei helpmiddels fan tredden
     • Gebrûk fan Adobe Edge Inspect
     • Gebrûk fan LambdaTest
3. Elemint ynspektearje yn 'e Chrome-blêder fan iPhone
4. Gearfetting
5. Faak stelde fragen

Wat betsjut it ynspektearjen fan in elemint?

As jo ​​​​binne in front-end webûntwikkelder, kinne jo regelmjittich eleminten ynspektearje om te feroarjen en te eksperimintearjen mei it uterlik fan in webside troch flugge bewurkingen te meitsjen oan de CSS en HTML bestannen fan de webside.

De wizigingen binne lykwols allinnich sichtber op jo apparaat.Neidat jo de webside opnij laden, binne dizze wizigingen fuort, en de oarspronklike ferzje fan 'e websidestruktuer ferskynt opnij. Dat, yn werklikheid, bewurkje jo de boarnekoade fan in webside net; jo eksperimintearje gewoan mei eleminten foar jo besjen en probleemoplossing.

Eleminten ynspektearje is poerbêst foar ûntwerpers, marketeers en stipe-aginten. Untwerpers wolle miskien besjen hoe't in side-ûntwerp ferskynt op mobyl of hokker tema har konkurrinten brûke. Oan 'e oare kant kin in marketingman analysearje hoe't konkurrinten har kaaiwurden brûke.

Underwilens kin in stipe-agint mei in basiskennis fan CSS elke tekst, ûntwerp en hiërargy fan in webside binnen sekonden maklik feroarje eleminten ynspektearje en kin in probleem eskalearje nei de ûntwikkelders op fixes dy't nedich binne op in webside.

Druk op Ctrl+Z yn Windows en Linux en Command+Z yn macOS om alle wizigingen dy't makke binne mei it ark ynspektearje elemint ûngedien meitsje.

Hoe kinne jo eleminten op iPhone ynspektearje?

Eleminten ynspektearje op iPhone is in bytsje yngewikkeld, en jo kinne in bytsje oerstjoer fiele dwaan sa. Us stap-foar-stap ynstruksjes sille lykwols de hiele ûnderfining foar jo maklik en noflik meitsje.

Wy sille ek beprate it brûken fan iPhone's Chrome-blêder om ek te eksperimintearjen mei eleminten. Dus sûnder fertraging, hjir binne de twa metoaden dy't ferklearje hoe't jo elemint op iPhone kinne ynspektearje.

Metoade#1: It brûken fan Safari Developer Tools

Yn de earste metoade sille jo Safari Developer Tools brûke om eleminten op iPhone te ynspektearjen.

1. Ferbine jo iPhone mei jo Mac PC mei in USB-kabel.
2. Start Safari-blêder op jo Mac en gean nei Avansearre Tab .
3. Skeakelje de Web-ynspekteur -skeakel nei de Griene -kleur.
4. Gean no nei Foarkarren > Avansearre ljepper.
5. Kontrolearje no it "Utwikkelmenu yn menubalke sjen litte" fak om de opsje Untwikkelje op 'e Opsjes -balke fan 'e browser te meitsjen.
6. Klikje dan op de opsje Ûntwikkelje om jo apparaatnamme sichtber te meitsjen yn 'e list mei apparaten.
7. Lêst, hoverje oer jo iPhone en sjoch in list mei websiden iepen op jo iOS. Selektearje dêrnei de webside dy't jo moatte ynspektearje út 'e list.

Ynspektearje fan iPhone-eleminten mei Safar Developer Tools is allinnich beskikber yn it Apple-ekosysteem, wat betsjut dat as jo gjin Mac hawwe, dizze metoade sil net wurkje.

Metoade #2: Ynspektearje eleminten op iPhone mei helpmiddels fan tredden

Adobe Edge Inspect brûke

As jo ​​gjin Mac hawwe, kinne jo gebrûk meitsje fan Adobe Edge Inspect Tool om eleminten op jo iPhone te ynspektearjen.

1. Download de Adobe Edge Inspect op jo PC en ferbine jo iPhone en PC mei deselde Wi-Fi-ferbining.
2. Ferbine jo iPhone mei jo Mac mei in USB-kabel en start de softwareop jo PC.
3. No sil jo iPhone-namme op 'e software ferskine.
4. Iepenje dan in webside yn jo blêder en besjoch hoe't it sil iepenje op jo ferbûne iPhone ek.
5. Selektearje in debugger-teken () dat neist jo ferbûne apparaten sjen lit.
6. Dêrnei sil ûntwikkeldersark iepenje, wêrtroch jo om eleminten op iPhone te ynspektearjen.

LambdaTest brûke

LambdaTest is in oar poerbêst ark fan tredden om eleminten op in iPhone te ynspektearjen.

1. Registrearje op de LambdaTest registraasje side om in akkount te meitsjen en oan te melden.
2. Selektearje Real-Time Testen op it linker paniel fan it dashboard.
3. Fier de test URL , en selektearje it apparaattype , apparaatnamme, bestjoeringssysteem en browser wêrop jo de test útfiere.
4. Klik op start en kies de ûntwikkeldersopsje út it linker arkpaniel.
5. Untwikkeldersark sil iepenje op jo selektearre iPhone-apparaat.
6. Begjin te testen mei de iPhone-simulator foar browsertesten

LambdaTest is útsûnderlik feilich dat is GDPR en CCPA konform. Se behâlde folsleine transparânsje en garandearje jo gegevensbeskerming en feiligens.

Elemint ynspektearje yn 'e Chrome-blêder fan iPhone

Jo kinne eleminten fan in webside ynspektearje op in Chrome-blêder mei jo iPhone. Om dit te dwaan, Launch de Chrome-blêder op jo iPhone en besykje in webside.Tik no op de adresbalke en typ view-source: foar de HTTP of HTTPS . Laad dan de side opnij om de hiele eleminten te sjen.

Gearfetting

Yn dizze hantlieding oer hoe't jo elemint op iPhone kinne ynspektearje, hawwe wy besprutsen it brûken fan Safari-ûntwikkelders en ark fan tredden om te eksperimintearjen mei de koade. Wy hawwe ek besprutsen it ynspektearjen fan eleminten yn in Chrome-blêder fan in iPhone.

Hooplik is dizze gids nuttich foar jo west, en no kinne jo eleminten op jo iPhone fluch ynspektearje mei ús rappe metoaden. <2

Faak stelde fragen

Om eleminten fan in webside op in PC Chrome-blêder te ynspektearjen, dogge dizze stappen.

1) Start Chrome en besykje de webside om eleminten te ynspektearjen.

2) Sjoch nei de rjochter boppeste hoeke fan it skerm en klikje op trije fertikale stippen.

3) Klikje dan op Mear ark > Utwikkeldersark fanút it útklapmenu.

4) Untwikkeldersark, Konsole en in pear oare ark sille iepenje, wêrtroch jo elemint kinne ynspektearje.

It is net yllegaal om in kwetsberens te finen op in webside mei it ynspeksje-elemint op 'e browser. It is lykwols yllegaal om dy gefoelichheid te eksploitearjen en te brûken foar winst.

As jo ​​in kwetsberens fine, rapportearje it dan oan de side-eigner foardat jo it probleem iepenbier meitsje. Meastal, siden hawwe intawijd side om feiligensproblemen te rapportearjen.