

Connect your iOS device to your Mac with the USB cable. On your Mac, launch Safari and go to Safari menu > Preferences > Advanced then check “ Show Develop menu in menu bar” if you have not done so alreadyģ. And enable JavaScript if it isn’t already onĢ. On your iPad, iPhone or iPod touch, tap Settings > Safari > Advanced and toggle on Web Inspector. Use Web Inspector to debug mobile Safariġ. Toggle the keyboard shortcut to exit out of web dev view. If you press CTRL+Command+R in Safari, you can see how a website would look on a particular device by selecting the device. Pro Keyboard ShortCut Tip on Mac for Web Devs
#NETWORK INSPECTOR ACCESS CODE UPDATE#
You may need to update your iOS version or your version of Safari running on your Mac. Make sure Safari on your Mac is the same version as Safari on your iDevice. Make sure both your iDevice and your Mac are signed in with the same Apple ID and that you toggle ON Safari in iCloud.įor your iDevice: Settings > Apple ID Profile > iCloud > Safari > toggled ONįor your Mac: Apple Menu > System Preferences > Apple ID or iCloud > Safari > Checkmarked And Check that Safari is the Same Version Too Sorry Windows folks but Safari’s Web Inspector is only compatible with Macs! Use the Same Apple ID and iCloud Sync!
#NETWORK INSPECTOR ACCESS CODE HOW TO#
How To See Favicons in Safari for iPhones and Macs.View Webpage HTML Source Code on iPad or iPhone.On the computer, open Safari and go to the Safari menu > Preferences > Advanced and checkmark Show Develop menu in menu bar.On the iPhone or iPad, go to Settings > Safari > Advanced and toggle on Web Inspector.Turn Safari iCloud syncing on for both the computer and any iPhone, iPad, or iPod touch.Make sure you sign into the same Apple ID on the computer as your iPhone, iPad, or iPod touch.Go to Settings > General > Reset > Reset Location & Privacy

