TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan ser jeg kildekoden til websider i Safari iPhone på Mac?

30

På stasjonære datamaskiner kan du bruke utviklerkonsollen i nettleserne til å kontrollere kildekoden til nettsteder. Dette er en veldig enkel oppgave når du bruker Google Chrome -nettleseren både på MacBook og Windows -basert PC. Imidlertid er visning av kildekoden en langvarig prosess når du bruker Safari -nettleseren på MacBook. Og det er en slags skjult funksjon med Safari på iPhone. Hvis du noen gang lurer på å se på kildekoden til nettsider i Safari på iPhone, kan du gjøre det slik.

Kan jeg se kildekoden til nettsider i Safari iPhone?

Svaret er nei. Du kan ikke se kildekoden til nettsider direkte på iPhone. Det er heller ikke fornuftig å gjøre slike analyser med enheter med liten skjerm. Imidlertid lar Apple deg se kildekoden til mobile nettsider og gjøre alle Developer Console -relaterte ting fra din Mac.

Hva trenger du?

Du trenger følgende ting for å se kildekoden til iPhone Safari -nettsider på din Mac?

  • IPhone med den nyeste iOS -versjonen
  • Lynkontaktkabel
  • Mac -datamaskinen eller den bærbare datamaskinen din

Hvordan vise kildekoden til nettsider i Safari iPhone?

Følg trinnene nedenfor for å se kildekoden til nettsider i Safari iPhone på din Mac.

  • Legg til "Develop" -menyen i Mac Safari
  • Aktiver "Webinspektør" i Safari iPhone
  • Koble iPhone til Mac
  • Se kilde og inspiser elementer

Trinn 1 – Legg til utviklingsmeny i Safari Mac

Safari -nettleseren på Mac viser som standard ikke utviklerkonsollen og inspiser elementalternativet. Du må aktivere "Develop" -menyen manuelt for å aktivere utviklerkonsollen i Safari.

  • Start Safari og gå til delen "Safari> Preferanser …".
  • Gå til kategorien "Avansert" og aktiver alternativet "Vis utviklingsmeny i menylinjen".

Hvordan ser jeg kildekoden til websider i Safari iPhone på Mac?

Vis Develop -menyen i Safari -menylinjen

Lær mer om hvordan du legger til "Utvikle" -menyen i Safari og utfører responsivitetstesting av nettstedet.

Trinn 2 – Aktiver Web Inspector i Safari iPhone

I likhet med å aktivere "Utvikle" -menyen i Safari Mac, må du også ha et alternativ som heter "Webinspektør" i Safari iPhone.

  • Trykk på "Innstillinger" -appen og gå til "Safari" -innstillingssiden på iPhone.
  • Rull ned til bunnen og trykk på "Avansert" -alternativet.
  • På den neste skjermen kan du aktivere alternativet "Webinspektør".

Hvordan ser jeg kildekoden til websider i Safari iPhone på Mac?

Aktiver Webinspektør i Safari iPhone

Trinn 3 – Koble iPhone til Mac

Nå som du har konfigurert iPhone og Mac. Neste trinn er å koble iPhone til Mac -en. Hvis du har iPhone 11- eller levermodeller, kan du bruke USB -lynkabelen til å koble telefonen til Mac. De nyeste iPhone 11 Pro-modellene kommer imidlertid med USB Type-C-kontakt i stedet for USB-lynkontakten. I slike tilfeller kan du bruke de gamle USB-kablene eller trenger en ekstra omformer for å koble Type-C-kabelen til MacBook USB-porten.

Hvis dette er første gang du kobler til iPhone, velger du å "stole på" enheten ved å skrive inn passordet ditt.

Hvordan ser jeg kildekoden til websider i Safari iPhone på Mac?

Stol på Mac

Trinn 4 – Vis kildekoden

Start Safari -nettleseren på iPhone og åpne nettstedet du vil se kildekoden og inspisere elementer.

  • Gå til din Mac og start Safari -nettleseren. Naviger til "Utvikle> Ditt iPhone -navn" for å se nettsidene du har åpnet på telefonen.

Hvordan ser jeg kildekoden til websider i Safari iPhone på Mac?

Åpne iPhone -nettsiden i Safari Web Inspector

  • Klikk på nettstedet for å åpne "Webinspektør" som viser kildekoden til nettsiden som ble åpnet i Safari iPhone.

Hvordan ser jeg kildekoden til websider i Safari iPhone på Mac?

Safari Web Inspector i Mac

  • Du kan se elementer, sjekke kilder og gjøre alle slags analyser du kan gjøre med Chrome Developer Tools.
  • Du kan velge elementene på Webinspektøren for å se kildekoden, og det tilsvarende elementet vil bli markert på Safari iPhone.

Hvordan ser jeg kildekoden til websider i Safari iPhone på Mac?

Fremhever websidens elementer i Safari iPhone

Siste ord

Vær oppmerksom på at du også kan gjøre den responsive nettstedanalysen på Safari Mac. Imidlertid kan det være vanskelig å velge mobile relevante elementer i responsiv designmodus, og Mac er kanskje ikke iPhone -modellene dine som standard. Derfor er bruk av Web Inspector for å inspisere elementer en effektiv metode for å direkte hente det relevante elementets kildekode.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon