How to debug iPhone X simulator from safari? - safari

I'm trying to debug iPhone X simulator from safari, so that I can adjust my CSS. But it doesn't appear under Develop toolbar. Where on other hand iPhone 7 simulator appears. Web inspector is enabled on both devices. On Safari Technical Preview I have the same issue.
Perhaps anyone knows how can I make iPhone X simulator to appear in Develop toolbar?

Try restarting Safari while keeping your simulator open. That did the trick for me.

It appears that OSX version has to be updated to High Sierra Beta 10.31.1

Related

Missing "Web Inspector" Settings in simulator

After doing a "Reset All Content And Settings.." on the simulator the setting to enable using the web inspector in safari has disappeared, and I have no idea how to get it back:
Does anyone have an idea how to get this back, and "remote" debug a webpage in the simulator again?
It seems that this option is not available in the simulated devices. Tip: If you want to connect the console from your desktop Safari, you will need the Technology Preview. the normal one does not discover the simulator (though it finds the real device normally)
In my case (macOS 10.14.3 and iOS 12.1 simulators), the setting isn't there, but is active by default. Open the simulator and you should see it in Safari under Develop.
i needed to restart desktop safari. might help.
Worked for me download new Safari:
IOS Simulator: 13.4
(Safari Technology Preview)
https://developer.apple.com/safari/download/
Safari Technology Preview

iOS Simulator "Inner" Resolution

I saw the resolution questions:
iOS simulator for iPhone 5- 1136 x 640 resolution
I have done
react-native run-ios --simulator 'iPad Pro (9.7 inch)'
I even went to "Hardware" menu and selected the device again.
My app launches in dimensions of tablet, however the contents within are not rightly sized, it is hugely zoomed. I fixed this accidentally before but I cannot figure it out now. Here is a screenshot of my situation:
It seems like you are running a zoomed in iPhone app (which is possible to do on iPad, so the simulator does what it's supposed to do). You need to set the app from iPhone to Universal in Xcode to tell it that your app is targeted for iPad as well.

Xcode 6.1 - Map View appears blank in iOS7 simulator or iPhone 4

Since I last updated to Xcode 6.1 and Yosemite, the map views in my app started to appear blank either in ios7.1 simulator or my iPhone4 (iOS7.1).
I could replicate the situation by creating a brand new single view application with just a MKMapView and although it appears correctly in iOS8 simulators, in the iOS7.1 simulators or my iPhone4 it shows only a blank screen. The iOS Deployment Target is set to iOS 7.1.
I tested this simple app in a friend's Mac with Mavericks but the same situation occurs.
Is this some bug of Xcode 6.1 or SDK, or do I have to add something to run maps on iOS7?
I faced the same problem. To fix it, you have to disable Size Classes. Go to Storyboard and in the right sidebar, you should see a check box saying 'Use Size Classes' under 'Interface builder document'. Untick it and you should see the map again.
Read this to find out why this happens:
iOS MkMapView blank after moving to Xcode 6

Keyboard Extension Not Working with iOS 8.1 Simulator

I just updated to Xcode 6.1 and my keyboard extension app, which was working fine with 6.0.x, is now not selectable via the nextinputmode button. This works fine on the actual device but not on the simulator. I can add the keyboard in settings with no trouble. Anyone else have this problem.
Update: This has been fixed in iOS 8.2 beta 2, according to release notes.
From iOS 8.1 beta release notes:
Known Issue 3rd party keyboards may not appear in Safari, Maps or 3rd
party apps on the Simulator.
Workaround: Keyboards should be testable in Calendar, Spotlight,
Contacts, and Photos.
This is what you are seeing.
I guess they were so busy fixing other bugs in the developer tools, they just didn't have time to fix ridiculous new bugs they introduced in 8.1.
Open a bug report, and maybe it will be fixed in 8.2.

iOS7 Smart Banner Disappearing

We are having an issue where smart banners appear in Safari on iOS6, but when testing in Safari on iOS7 with non 5s devices the banner briefly appears (sort of a placeholder without content) and then disappears. We have tested other sites other than ours and it seams to be consistent behavior. dropbox.com cnn.com usatoday.com all have smart banners visible with Safari iOS6, but that are disappearing when reached from Safari iOS7 from iPhone4, iPhone4s, iOS Simulator, iPhone5.
Is anyone else seeing this behavior?
I was having the same behaviour on iOS8.
It turns out that the ID I grabbed from the app store url was prefixed with "id". Once I removed that prefix it started working as expected.
In this example URL
http://itunes.apple.com/ca/app/ditchtv/id1042361181?mt=8, the meta tag should be:
<meta name="apple-itunes-app" content="app-id=1042361181">
I hope this helps!
I saw this same problem, but only for apps that have not been built with the iOS7 SDK. My older apps that have been compiled with the iOS <= 6 SDK will show an app banner on phones running iOS <= 6, but only apps compiled with iOS SDK == 7 will show on a phone running iOS 7.