Debugging websites on the Vision Pro using the Safari Web Inspector
Need to debug an issue with your web content an Apple's Vision OS? This video shows you how you can connect Safari's Web Inspector on a Mac to webpages loaded in Safari on your Apple Vision Pro
This does require a fair amount of setup, but you should only have to do this once. As a quick summary:
1. Make sure your Mac and Vision Pro are on the same wireless network (you can confirm this by creating a virtual screen for your Mac in Vision OS)
2. On the Vision, open settings. Go to `General` and then `Remote devices` and add your Mac as a remote device.
3. Also on the Vision, open settings and go to `Privacy`. At the very bottom enable `Developer mode` and restart your Vision.
4. On your Mac, open Xcode. Go to `Window` and then `Devices and simulators`. In the devices window, add your Vision Pro.
5. Open Safari on your Mac. Make sure Developer tools are enabled (Settings / Advanced / Show features for web developers)
6. In safari on your Mac, go to the `Developer` menu. You should now see any webpages on your Vision Pro as possible debug target. Select the desired page and the web inspector will launch
The web inspector works pretty much the same as for debugging local webpages
#applevisionpro #apple #safari #webdevelopment #developertools #html #javascript #css
![[TimeLapse] Mossy Weathered Wood Plank Substance with Matt Dirks](https://images.mixrolikus.cc/video/2zT5v44iDsk)
