Safari Remote Debugging picking up device but not showing any elements - ios

I can't get the remote inspector to actually display any elements, its finding my device fine, the website on my phone will highlight when hovering over it in the develop menu, but when clicking through its just blank.
Both devices are on the latest OS. The issue is with my phone and not the Mac as I have tried another device and it worked as expected.
any ideas would be appreciated

It can also help to Clear the Trusted Computers under the Developer Preferences on your iOS Device and Re-Pair it with the Mac you'd like to remote debug with.
(I previously tried a MacOS Update, some technical previews for Safari etc. and the method above was the way to save the issue).

Download this to get the most up-to-date version of whatever and it works
https://developer.apple.com/safari/technology-preview/

Related

How to debug an app on iPhone without internet

I'm using Xcode 10.1, and I don't have a checkbox whether I want to connect through network or not on my device page (which was there in Xcode 9 and Xcode 10 beta). Search "connect via network xcode" on google images if you don't know what I mean.
However, I must debug the offline flow of my app (which is written in React-Native btw). Not just no-internet-connection, but turning off wifi and mobile-data, which will trigger a status change. By using the developer settings of the iPhone, I can make every call fail (100% loss), but cannot change the internet-status of the phone.
So I want the debugger to stay connected and either be able to:
debug the old-school way through the cable (if I turn off internet now, I get a red error screen and nothing is possible anymore), so I can disable wifi and mobile-data,
or simulating that status change on the phone.
Btw, I cannot use a simulator, since the app requires Bluetooth.
Thanks in advance!
Edit:
The checkbox is not there for older iPhone devices. With iPhone 7s, I do see the checkbox "connect via network". But enabling or disabling does not change the fact that your iPhone needs internet to debug. If I disable internet on the phone I get the following error:
Ok, I've found the problem. We are testing on a iPhone5, which is no longer officially supported by Apple. Which means that Apple has decided to cut features for iPhone5 so you would buy a new one (wonderful strategy =/). Hence debugging with a cable is no longer supported on iPhone5.
We tested with a iPhone6 from a colleague, and everything works fine.
Edit:
Altough the checkbox is there, and I can disable wifi for connection... The moment I turn off internet on the phone, the app crashes and says: "Runtime is not ready for debugging: make sure packager runtime is running"... so no solution yet...

Safari web inspector not working with cordova in iOS12 and mac OS Mojave

Recently I updated my device to the iOS12 (it's actually 12.0.1 now) and also my mac to the latest OS. Now, whenever I am trying to debug my Cordova app it will simply not show up in the Safari developer menu. The mobile browser works, its just Cordova not showing. This is happening only with the real device, in the simulator, it shows up. I followed a bunch of articles on how to reset the trust settings and even tried remotedebug_ios_webkit_adapter and nothing. How can I get to the bottom of this? I am completely stuck and unable to continue with development.
I would like to mention that the app is using the wkwebview engine, not uiwebview and we never had this problem ever since we moved to the new engine for a least a year now.
download & try same in Safari Technology Preview https://developer.apple.com/safari/technology-preview/
Go to you'r Phone settings -> Safari -> Advanced -> enable Web Inspector
then go to safari developer, you'r device will be appear there.
For me the solution was to restart Safari.
Lately it's been often that Cordova iOS debugger won't show in Safari, but I am able to fix it every time by completely quitting Safari and restarting it. ;)
Also, make sure that you sign your app with a development provisioning profile.

Why cant I build apps on my PC but I can on my mac? Xamarin

So I got my MacBook pro yesterday in hopes of developing some local apps to build on my phone.
And after setting everything up, Visual studio on my mac and XCode, and I already had Visual Studio on my PC things started messing up.
I tried debugging my app on my phone from my PC, with the phone connected to my PC ofcourse, didnt work, so I read around on the internet for a good 4 hours and it said that I should create a blank project in XCode, and for the Signing in preferences I had to choose Team, so I did and it debugged the application on my iphone when my iphone was connected to my Mac,
However I DONT want to code on Mac computers, I want to use my PC.
But everytime I try to debug the application from my PC it keeps saying
Could not find any available provisioning profiles for iOS.
I am running a iPhone 7 with the version 10.1.1 because I dont want to update due to various reasons.
I tried changing the Deployment target to something really low but that didnt fix it.
Why is this happening?
Visual representation of what the error looks like
Not sure if this picture helps, this is the project properties > iOS Bundle Signing
And my device log is empty aswell.. Why?
ANother error message saying it doesnt support
EDIT
I plugged it into the mac and now its visible in the Device log and I can see stuff happening in the device log but I still cant boot the project on my iPhone
Apple doesn't allow developing for iphone on a non IOS device. This simply means that you can't build apps on a Linux or Windows computer/laptop the normal way. You are stuck on building your project on an IOS device.
There are 2 options to fully develop on a Windows laptop though.
One way of doing so is by using your mac as a gateway to send your app from Windows to IOS to your phone. More info about this can be found here:
https://learn.microsoft.com/en-gb/xamarin/ios/get-started/installation/windows/
The second option is a newer one called Xamarin Live Player. You don't need to use a mac at all for developing, but you still need a mac if you want to publish the app. This option also works differently from normal development as you need to download an extra program on your phone.
https://www.xamarin.com/live
You could try to do manual provisioning. Create a development provisioning profile at the Apple Developer site, and have XCode download it for you. Then it should show on your PC for you to select.
See the Xamarin documentation on manual provisioning for some more details:
https://learn.microsoft.com/en-us/xamarin/ios/get-started/installation/device-provisioning/manual-provisioning?tabs=vsmac#creating-a-development-provisioning-profile

How to transmit screen and control device via mac while running app in Xcode?

I'd like to test apps on device in the same way like on simulator - app runs on real device but I see screen on mac and I can interact with it using mouse. Im just tired of putting phone to my hand all the time. Developing on windows phone allows it, so It would be nice to have it here. Thank you
John Holdsworth on Remote Xcode plugin:
“Remote is a plugin for Xcode that allows you to control an iPhone
from a window on your Mac during development.”
I just found this. You can control device via mac.

My iOS device not appearing in xcode device list, showing in organizer

I m having xcode 4.5,
I have connected my iTouch(registered in developer program) to Mac Machine. It is appearing in Organizer's Device list. But, it is not appearing in xcode's device list(where simulators are) in one of my project. It is also shown when i open my other proejects.
So, What may be the problem in my this project, in which device is not appearing. Is any settings should be changed??
See the image below and change the settings.
You might need to "trust" the computer - a device will not show up in the organizer if the computer is not trusted.
Restart the iPad while it is connected to the computer. When it restarts, it will ask if you want to "Trust" the computer or not. Do so, then the device will show up in the Xcode Organizer.
Restart XCode
Try Changing the USB Port.
Clean Project. Shift + command + K.
Clear Derive Data.
I tried everything and then found that my device was identified on a different Mac but not mine. Quit and Reopen XCode resolved it.
The deployment target for your project is probably too high (e.g. iOS 7 if you are using Xcode 5 DP). Change it to a minimum version compatible with your device and try again.
Go to organiser, select your device, click on remove button at bottom of organiser screen, unplug your device and connect it once again. That's it. your device should be appear in xcode.
Go to organiser and click your device in the left panel. On the right, see if it is registered for development or not. If not, click "Use for development".
Hope it helps !!
Got this problem too. I plug my phone to Apple Cinema Display. Turns out I forgot to plug in the display's USB cable to my MacBook Air, so only power goes to my device but no data transmission (/me facepalm big time).
My case, I was trying to run a sample app I just downloaded and didn't knew it was iPad only. And I had plugged-in an iPhone. :)
I’m using a MacBook Pro (13-inch, 2019, Two Thunderbolt 3 ports) and my iPhone was connected through a USB-C Digital AV Multiport Adapter. The iPhone was no longer shown as a connected device. Tried connecting the iPhone directly to the MacBook without the Adapter and now it IS a connected device. I’m going to consider using a wireless connection for development.

Resources