This is critical–you must connect the devices manually, using a cable. 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 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!
0 Comments
Leave a Reply. |