Iphoneko elementuak azkar ikus ditzakezu Safari Developer Tools erabiltzen duen MAC ordenagailu batera konektatuz edo hirugarrenen softwarea erabiliz, hala nola Adobe Edge Inspect edo LambdaTest.

Apple-k bat etorri da. bide luzea bere iPhone sorta ikonikoarekin. Bere iOS sistema eragile mugikorren merkatu kuota globalaren % 28,27koa da, hau da, mundu osoko milioika erabiltzailek iPhoneak erabiltzen dituzte web orrietara sartzeko.

Beraz, ezinbestekoa da iPhoneko elementuak nola ikuskatzen jakitea web-orrien funtzionaltasuna hobetzeko. Safari-n ikusi eta horren arabera itxura aldatu.

Ez badakizu nola egin, urratsez urrats gida bat osatu dugu prozesu osoa erraz ulertzen laguntzeko.

1. Zer esan nahi du elementu bat ikuskatzeak?
2. Nola ikuskatu elementuak iPhonean?
   • # 1. metodoa: Safari garatzaileen tresnak erabiltzea
   • # metodoa 2: Ikuskatu elementuak iPhoneko hirugarrenen tresnak erabiliz
     • Adobe Edge Inspect erabiliz
     • LambdaTest erabiliz
3. Elementua iPhone-ren Chrome arakatzailean ikuskatzea
4. Laburpena
5. Ohiko galderak

Zer esan nahi du elementu bat ikuskatzeak?

Zer ari bazara frontend web garatzaile gisa, aldizka ikus ditzakezu elementuak web-orri baten itxura aldatzeko eta esperimentatzeko, webguneko CSS eta HTML fitxategietan aldaketa azkarrak eginez.

Hala ere, aldaketak zure gailuan bakarrik daude ikusgai.Web-orria berriro kargatu ondoren, aldaketa hauek desagertu egingo dira eta web-orriaren egituraren jatorrizko bertsioa berriro agertuko da. Beraz, errealitatean, ez zara webgune baten iturburu-kodea editatzen ari; elementuekin esperimentatzen ari zara ikusteko eta arazoak konpontzeko.

Elementuak ikuskatzea bikaina da diseinatzaile, marketin eta laguntza-agenteentzat. Baliteke diseinatzaileek mugikorrean gune baten diseinua nola agertzen den edo lehiakideek erabiltzen duten gaia ikusi nahi izatea. Bestalde, merkaturatzaile batek lehiakideek beren gako-hitzak nola erabiltzen dituzten aztertu nahiko luke.

Bitartean, CSS-en oinarrizko ezagutza duen laguntza-agente batek erraz alda dezake web-orri baten edozein testu, diseinu eta hierarkia segundotan, bitartean. elementuak ikuskatzen eta webgune batean egin behar diren konponketei buruzko arazo bat garatzaileei eska diezaieke.

Sakatu Ktrl+Z Windows eta Linux-en eta Komando+Z macOS-en Ikuskatu elementuak tresnarekin egindako aldaketak desegiteko.

Nola ikuskatu elementuak iPhone-n?

iPhone-ko elementuak ikuskatzea pixka bat zaila da, eta baliteke apur bat larrituta sentitzea. horrela eginez. Hala ere, gure pausoz pauso argibideek esperientzia osoa esfortzua eta atsegina egingo dizute.

iPhone-ren Chrome arakatzailea erabiltzeari ere eztabaidatuko diogu elementuekin esperimentatzeko. Beraz, inolako atzerapenik gabe, hona hemen elementua iPhonean nola ikuskatu azaltzen duten bi metodoak.

Metodoa.#1: Safari Garatzaile-tresnak erabiltzea

Lehen metodoan, Safari Garatzaile-tresnak erabiliko dituzu iPhoneko elementuak ikuskatzeko.

1. Konektatu iPhone zurekin. Mac PC USB kablea erabiliz.
2. Ikusi Safari arakatzailea zure Mac-en eta joan Aurreratua Fitxa ra.
3. Aktibatu Web-ikuskatzailea etengailua Berdea kolorera.
4. Orain nabigatu Hobespenak > Aurreratua fitxa.
5. Orain, markatu “Erakutsi Garatu menua menu-barran” laukia, Garatu aukera arakatzailearen Aukerak barran ager dadin.
6. Ondoren, egin klik Garatu aukeran zure gailuaren izena gailuen zerrendan ikusgai jartzeko.
7. Azkenik, pasatu zure iPhonearen gainean eta ikusi zure iOS-en irekitako web orrien zerrenda. Ondoren, hautatu zerrendatik ikuskatu behar duzun web-orria.

Safar Developer Tools erabiliz iPhone elementuak ikuskatzea Apple ekosisteman bakarrik dago eskuragarri, hau da, Mac ez baduzu, metodo hau ez du funtzionatuko.

2. metodoa: Ikuskatu elementuak iPhoneko hirugarrenen tresnak erabiliz

Adobe Edge Inspect erabiliz

Mac jabea ez bazara, erabil dezakezu Adobe Edge Inspect Tool zure iPhoneko elementuak ikuskatzeko.

1. Deskargatu Adobe Edge Inspect ordenagailuan eta konektatu iPhone eta PC Wi-Fi konexio berarekin.
2. Konektatu iPhonea zure Mac-era USB kable batekin eta abiarazi softwareazure ordenagailuan.
3. Orain, zure iPhone izena softwarean agertuko da.
4. Ondoren, ireki web-orri bat zure arakatzailean eta ikusi nola irekiko den konektatutako zure ordenagailuan. iPhonea ere.
5. Hautatu arazketa-ikurra () konektatutako gailuen ondoan agertzen den.
6. Ondoren, garatzaile-tresnak irekiko dira, aukera emango dizute. iPhoneko elementuak ikuskatzeko.

LambdaTest erabiltzea

LambdaTest hirugarrenen beste tresna bikaina da iPhoneko elementuak ikuskatzeko.

1. Erregistratu gailuan. LambdaTest erregistratzeko orria kontu bat egiteko eta saioa hasteko.
2. Hautatu Denbora errealeko probak aginte-paneleko ezkerreko panelean.
3. Sartu probatu URL eta hautatu proba exekutatuko duzun gailu mota , gailuaren izena, sistema eragilea eta arakatzailea .
4. Sakatu Hasi eta aukeratu garatzaileen aukera ezkerreko tresna-panelean.
5. Garatzaile-tresnak irekiko dira hautatutako iPhone gailuan.
6. Hasi probatzen iPhone simulagailua arakatzailearen probak egiteko

LambdaTest oso segurua da, GDPR eta CCPA betetzen dituena. Gardentasun osoa onartzen dute eta zure datuen babesa eta segurtasuna bermatzen dute.

iPhone-ren Chrome arakatzailean elementua ikuskatzea

Webgune bateko elementuak Chrome arakatzaile batean ikus ditzakezu zure iPhonearekin. Horretarako, abiarazi Chrome arakatzailea zure iPhonean eta bisitatu webgune bat.Orain, sakatu helbide-barran eta idatzi view-source: HTTP edo HTTPS aurretik. Ondoren, berriro kargatu orria elementu guztiak ikusteko.

Laburpena

Iphone-n elementua nola ikuskatzeari buruzko gida honetan, Safari garatzaileen tresnak eta hirugarrenen tresnak erabiltzeari buruz esperimentatzeko eztabaidatu dugu. kodea. iPhone baten Chrome arakatzailean elementuak ikuskatzea ere eztabaidatu dugu.

Zorionez, gida hau lagungarria izan da zuretzat, eta orain zure iPhoneko elementuak azkar ikus ditzakezu gure metodo azkarrekin.

Ohiko galderak

Webgune bateko elementuak PC Chrome arakatzailean ikuskatzeko, egin urrats hauek.

1) Abiarazi Chrome eta bisitatu web orria elementuak ikuskatzeko.

2) Begiratu pantailaren goiko eskuineko ertzean eta egin klik hiru puntu bertikaletan.

3) Ondoren, egin klik Tresna gehiago > Garatzaile-tresnak aukeran. goitibeherako menua.

4) Garatzaile-tresnak, Kontsola eta beste tresna batzuk irekiko dira, elementua ikuskatzeko aukera emanez.

Ez da ilegala webgune batean ahultasun bat aurkitzea arakatzailearen inspect elementua erabiliz. Dena den, legez kanpokoa da suszeptibilitate hori ustiatzea eta etekina lortzeko erabiltzea.

Ahultasunen bat aurkitzen baduzu, salatu gunearen jabeari arazoa publiko egin aurretik. Normalean, guneek aSegurtasun-arazoak salatzeko orri dedikatua.