So I've opened up my react-native app in Expo today (using the iOS simulator) and I am creating by what looks like a debugging overlay.
Screenshot here:
I don't need this and it's blocking some of the UI for testing.
How does one turn it off?
You have the Element Inspector open. To toggle it off do either:
⌘+D if you are in the simulator
Shake your phone if you are on an actual device
This should open up the debugging menu. You can then click on Toggle Element Inspector to close it.
Related
I'm running my app on a React Native emulator. I was originally emulating just the iPhone 6, and then added an iPhone 6 Plus emulator. When you add a second emulator it keeps the first one open. How do you close one of them while keeping the other open? Basically I want to de-select one of the emulators shown in the photo below:
Thanks!
Xcode device's emulator behaves like any other window, so you just have to Cmd+W on the one you want to close, it's like closing just one window of any other application.
And if you want to know more about Mac keyboard shortcuts, here's a link!
dear ios hybrid app rock stars,
i have developed IOS app using Framework7 with Cordova 7.0.1.
It was work fine before update mobile to IOS version 11.3.1.
But not all of devices using this app get updated to latest IOS version.
Now the problem happen.
When app open at the first time it works fine in all pages. Pages swipe and onclick to back button and menu onclick works fine.
But when we lock the phone with the app remain open behind. Then unlock the phone then click of the any function not working except the swipe of screens. onclick event and backbutton not working. Even menu also not open when we click icon for menu.
Again if we close the app completely then open again it will work fine.
only when we lock the device without close of the app (remain open) then again unlock the device and use app not working correctly. That makes the all click event not working. even menu links also not able to click.
P.s. App working fine on apple 4s with the IOS 9.3.5.
Any one have resolved this type of issue.
Video reference attached here: https://drive.google.com/open?id=1jPau0FmVak7ePCc8JNdzwJvSj3KuXBTm
there you can see menu, back and refresh icons clicked but its not working..
This is due to a bug in iOS 11.3 where the touch event timeStamp is being reported as negative value.
There have been commits to fix this in Framework7 v1 and v2 so the solution is to update the version of F7 in your app to the latest (right now that's v2.2.5 / v1.7.1).
See this discussion for more detail.
I'm trying to debug a web app that is added to home screen. I have enabled web inspector on safari. I am able to debug the app if I open in iOS safari but when I add the app to home screen and try to debug, it shows 'No Inspectable Applications'. Any help would be appreciated.
iOS version: 11.2
MacOS Safari version: 11.0.1
You should put focus on the app first and then press:
Option+Command+i
So you do not open the inspector in advance in this case. This is not possible because you can consider it like opening a new browser tab where it makes no sense to inspect it from the inspector in another tab that is already open. Since the menu to open the inspector is missing when the PWA is opened as a desktop app, you need the keyboard shortcut to show it.
Not sure if it's related, I had an issue where I couldn't get the inspector window to open for a cordova web app on iOS 11.2
I found that I had to go back to (ios) settings and toggle Safari Web Inspector off and on while looking at the (osx safari) developer menu to see it and then inspect it.
react-native-cli: 2.0.1
react-native: 0.47.1
react: 16.0.0-alpha.12
I finally managed to hook up an iOS device (iPhone 4S) to xcode and build my react native code to the device.
Shaking the phone gives me the following options:
as you can see there is no Live Reload option and the Reload doesn't work. I am forced to build it from xcode every single time I make a change.
Can anybody help me getting the Reload to work and enable Live Reload?
I have struggled with this for many days now - because it seems to change all the time and the only answers I have been able to find are obsolete.
Could the issue be that my iPhone runs iOS 9.3.5? _____
Had the same issue here, and fixed it like that:
Make sure wifi is disabled on the iDevice
Open System Preferences by selecting System Preferences from the Apple menu, or by clicking the System Preferences icon in the Dock.
When the System Preferences window opens, click the Sharing preference pane.
The left side of the Sharing preference pane lists the services that you can share. Place a check mark in the Internet Sharing box.
Then Check "USB YourDevice/iPhone/iPod/iPad"
You are Done! (working here on v0.47.1)
Check that you can access internet/network on your device, then run your app form XCode in Debug mode. Now, you should have the green bar on top loading from the packager and you can debug remotely.
I have successfully created a Custom Keyboard with Swift on iOS 8 simulator.
Although it worked well, but I could not debug it. It is a contained target and was installed through Settings->General. Placing a bookmark in XCode not work.
I am able to debug a custom keyboard using the simulator via Xcode 6.
Select the keyboard (and not it's container) as the scheme.
"Run" and then select on of the apps on your simulator to debug the extension with.
It seems as of now apple didn't get support for debugging extension into simulator. I was having same issue but I observe that We can debug code if we execute application into device as below.
1) Choose your Keyboard extension target.
2) Go to Edit Scheme.
3) In info tab select your Executable from drop down and check the option "Debug extensions and XPC services".
Still several problems are there like we can't see output of NSLog but you can check the value of variables same as before or I suggest you to check this link It may work for displaying NSLog output KeyboardViewController NSLog IOS 8.
Apple has reported this problem as a know issue in Xcode 6.1 release notes:
Localization and Keyboard settings, including 3rd party keyboards, are not correctly honored by Safari, Maps, and developer apps in the iOS 8.1 Simulator. [NSLocale currentLocale] returns en_US and only the English and Emoji keyboards are available. (18418630, 18512161)
I'm using Xcode 6.1.1 and seems that it still hasn't been solved but I've discovered a workaround. You should follow this steps:
Open Xcode and in its menu bar click into Xcode > Open Developer Tool > iOS Simulator
Now into iOS Simulator menu bar go to Hardware > keyboard and check if "Connect Hardware Keyboard" is enable. If it is, click it to disable and quit iOS Simulator
Then go back to Xcode and make sure that keyboard is selected as scheme
Click into run button or press Product > Run to build and run you application and in the "Choose an app to run" menu choose Today
When iOS Simulator starts, go to Settings > General > Keyboard > Keyboards > Add New Keyboard and select your own and then press in your keyboard command + shift + H to back to the homescreen
Finally open Calendar app and press the magnifying glass icon, the keyboard will appear and you only need to hold the globe button to show the list of enabled keyboards and select yours
Note that it's important to try your keyboard in the Calendar app because in most applications it doesn't work or it has an unexpected behavior
If the keyboard still doesn't appear:
remove the file com.apple.iphonesimulator.plist from ~/Libray/Preferences/
In iOS Simulator menu bar click into iOS Simulator > Reset Content and Settings...
More info about keyboard debugging and development here
After searching and investigating this, I've found the best solution to be to install and use Reveal. It helps you visualise the custom keyboard like the debug hierarchy view and shows various other measures.