I want to run our Nativescript app in the iOS emulator so I can make screenshots of different sizes. However, the top bar that shows the title and the back button isn't shown in the emulator. If I click on it, the button does work, but it's not visible.
How can we get the top bar to be visible in the emulator?
See here the difference:
Screenshot from my iphone including top bar:
Screenshot of emulator:
Updating nativescript to "#nativescript/core": "~8.1.0" resolved this issue :)
I'm using expo in my react native project.
Everything is fine when loaded to either Android or iOS emulators. However when I side-load it to my actual iOS phone device, everything is flipped.
The header hamburger menu goes to the right even though the drawer still animated from the left. Text exclamation marks precede the word it's exclaiming.
Even the side drawer content is flipped with the icons on the right and the expand arrows to the left. Looks very much like it's RTL formatted but I don't remember doing anything of the sort.
Loaded on Emulator:
Loaded onto device:
Any ideas?
I connected iPhone to mac and I enabled Web Inspector in iPhone advanced settings, able to see the page in mac safari but not able to inspect any element and its style in safari. I am not seeing the elements panel or style panel.
Could anyone help me to find those panels to debug the styles, which i applied to page elements which I am testing in iPhone. I am able to see those panels in debugging the desktop safari pages. see the screenshot
Thanks in advance for any help.
If that type of problem ever happens to you in 2021, download and use Safari Preview instead of the regular Safari 👍
I got the problem with the following config:
MacOS Big Sur 11.4
Iphone 10 iOS 14.6
Cheers!
Update July, 2021:
Yes, the other answer for using Safari Technology Preview is working for me too: https://developer.apple.com/safari/technology-preview/
Debugging was broken for me with Safari on Big Sur: Version 14.1.1 (16611.2.7.1.4)
Debugging was working for me with Safari Technology Preview on Big Sur: Release 128 (Safari 15.0)
This was incredibly frustrating for me too. It's the small sidebar icon on the far top right, with elements tab open.
Before:
After:
From web inspector select any html element. Now in device it will be highlighted with blue color. The top right corner having expand window to show style, Layers, Node tabs. Select Style and edit css. Refer link given in comment for complete details.
In Safari 11.1.2, when the 'Computed' tab is selected, you can get back up to the non-computed properties (the Style Attributes) level by clicking the arrow beside any of the computed properties. See, for example, the grey arrow next to the -webkit-border-horizontal-spacing property in my attached screenshot.
Well, This is a normal problem in Catalina and BigSur updates after Mojave. Or if you are upgrading your MacOS to the later versions. I hope we don't get in Monterey!
I recommend to download - Safari Technology Preview -
BigSur - Download
with whatever you have been using.
If you are facing it with other lower versions -
try from here
The Answer is , need to select the DOM Tree from the dropdown as in the screenshot.
I am trying to follow some tutorials online. Every time i run the iOS simulator my xcode seems to minimise and focus goes to the simulator on the desktop
Is it possible to stop this and have the simulator load on top of the Xcode window?
Thanks
Focus will switch over but Xcode itself doesn't minimise. However, if you're running Xcocde full screen (you have clicked on the <-> arrow in the top right of the screen) then you will switch to a different screen - this is standard behaviour for all maximised apps. Clicking on the green full screen icon in Xcode will make the window take up all available space but without taking a separate screen, which will give the behaviour that you want -- though note this is for 10.9; I seem to recall that clicking the green button on later versions of OSX may automatically trigger the full/separate screen mode.
I have created one MGWT application with the help of RPC,PHONEGAP&GWT technologies.My application is working properly until IOS 6 version ,In IOS 7 my home screen is shrinking when i am tapping one icon,in that opening one drop down list and directly get back into my home screen, at that time my home screen is not displayed properly. Please look into my issue .
Thanks in advance..
For Example: The Complete structure of my application. First Login screen .After login into my application home screen is coming ,in that settings,about..etc icons are there.In that i am selecting settings icon in that work type drop down list is there and i am tapping work type then tap the back button coming to home screen at that time my home screen is not displayed properly.
On iOS 7, the app height and width needs to be set to device height and width to view port to resolve the issue. Below is a sample code to be included in onModuleLoad to resolve the issue.
ViewPort viewPort = new MGWTSettings.ViewPort();
viewPort.setTargetDensity(DENSITY.MEDIUM);
viewPort.setUserScaleAble(false) .setMinimumScale(1.0).setMinimumScale(1.0).setMaximumScale(1.0);
viewPort.setHeightToDeviceHeight();
viewPort.setWidthToDeviceWidth();