Foutopsporing op websites in Chrome op iOS 16.4+

Mike Dougherty
Mike Dougherty

Vanaf Chrome 115 kunt u foutopsporing in Safari Web Inspector inschakelen voor Chrome op iOS. In dit bericht wordt uitgelegd hoe u aan de slag kunt gaan.

Vóór Chrome 115 vereiste het debuggen van webpagina's dat Chrome voor iOS vanaf de bron moest worden gebouwd, aangezien de releaseversie van WKWebView geen foutopsporing op afstand van Web Inspector ondersteunde. In Chrome 73 hebben we de chrome://inspect-pagina toegevoegd, die lokaal JavaScript-logboeken weergeeft om te helpen bij het debuggen van webpagina's. Nu WKWebView Web Inspector-foutopsporing in de release (vanaf iOS 16.4) toestaat, hebben we een instelling in Chrome 115 toegevoegd om deze functie in te schakelen en de ontwikkelaarservaring verder te verbeteren.

Aan de slag

Op uw iOS-apparaat heeft u het volgende nodig:

  • iOS 16.4 of hoger.
  • Chroom 115 of hoger.

Op je Mac heb je het volgende nodig:

  • Het Safari Develop- menu is ingeschakeld. Schakel dit in via de Safari-applicatie-instellingen, het tabblad Geavanceerde instellingen.

Start op uw iOS-apparaat de Chrome-app en navigeer naar Instellingen . Schakel Web Inspector in in Inhoudsinstellingen . Start Chrome voor iOS opnieuw nadat u deze instelling hebt gewijzigd.

Foutopsporing op uw site

Als de instelling is ingeschakeld, kunt u fouten opsporen op elke pagina die in Chrome voor iOS wordt uitgevoerd door deze stappen te volgen.

  1. Sluit uw iOS-apparaat met een kabel aan op een Mac.
  2. Navigeer in Chrome voor iOS naar de website die u wilt bekijken.
  3. Start Safari op uw Mac. Ga in het menu Ontwikkelen met de muis over de naam van uw verbonden apparaat en selecteer de URL van de website die u wilt bekijken.

Het weergegeven Web Inspector-venster maakt het debuggen van de huidige webweergave mogelijk. Voor meer details over het gebruik van Safari Developer Tools raadpleegt u de documentatie van Apple.