I am struggling to use the Web Inspector on my Mac to inspect the webpage on my iPad. This is what I have tried so far:
I have turned on web inspector on my iPad.
I have checked that cookies are enabled on both the Mac and the iPad.
I have connected my iPad up to my Mac with a cable.
On the Mac, under the develop menu I can see my iPad - when I hover
the mouse over the visible tab, the webpage on my iPad highlights with blue. Clicking that brings up the Web Inspector on my Mac.
When I hit refresh in the Web Inspector on my Mac, the page on my
iPad refreshes.
There is obviously a connection between my iPad and my Mac.
However, the rest of the Web Inspector on my Mac seems empty.
The Elements tab is empty. The Network tab shows an empty list (headers only), even after a refresh. The Resources tab is empty. The Timelines tab is empty. The Debugger tab is empty and shows no sources. The Storage tab is empty. And the Console tab shows nothing, despite numerous calls to console.log from my webpage on the iPad.
I have also tried opening a private browsing window on my Mac and tried connecting to my iPad via the Web Inspector from there. Still no joy.
I am using Safari version 11.1.1 on my Mac. I am unsure how to check the version number of Safari on my iPad. I am an experienced Windows user but have limited experience with Macs. Please let me know if there is any further information that I could provide.
Can anyone help me in getting the Web Inspector to work properly between my Mac and my iPad? Many thanks.
Related
Devices/Information:
Macbook Air M1, Big Sur V11.4
iPhone XR, iOS 14.6
The Develop menu is enabled in Safari Technology Preview (STP) on macosx.
Web Inspector is enabled in iOS Safari settings
I connect my iPhone to my Macbook. I open STP. I then open Safari on my iPhone. In STP, I go into the Develop Menu, select my iphone, and I see the webpage I want to inspect. I click the webpage. I see the JS console + HTML pop up, and then close 500ms later. Tried around 10 times and consistently got this behavior.
Tried:
Resetting the trusted devices on iOS (by resetting all privacy settings).
Connecting via the network (an option in the Develop Menu)
Updating macosx (iOS is already updated fully)
Both Safari and STP
What the heck do I do? I need to debug behavior in a webapp that is only existing on physical iphone devices (already tried chrome + safari iphone emulators + iOS emulator in xcode, no luck).
I'm trying to debug a webpage in mobile Safari and getting no inspectable applications.
I've seen this question pop up for Phone Gap and iOS/Xcode issues, but this is stricly for a webpage.
Steps to reproduce:
using Safari 10.1.2 and OS X 10.12.6
I've enabled Web Inspector on mobile Safari.
I've enabled Develop menu on desktop Safari.
I open localhost:3000 in desktop Safari.
Under Develop menu, I see my phone, but the menu shows no inspectable applications.
All the information on the internet I can find just shows the steps I've detailed above.
I created an osx application in xcode that shows a webpage using a webview. But for some reason it is not showing the file open dialog in my webpages.
Safari and chrome seem to be fine so the page seems to be ok.
The only related setting for the webview i can find in xcode is "enable popups" but that's enabled. Does anyone know why this might be happening?
Thanx
Wouter
I put a link on a button in an iPhone app (xcode 4.2). The link does open a safari window successfully to other websites, but not to the iTunes Preview pages to specific apps. This problem occurs if the link is entered directly in the code. It also occurs on an indirect link to the app store page--i.e. a page with a working link to an iTunes app page gets there fine from Safari on the mac itself, but not when the page loads up on the iPhone simulator and the same link is clicked.
Any ideas?
Upon submitting an OS X application to the Mac App Store via iTunes, I've noticed that viewing the application icon in iTunes Connect shows the icon with rounded corners and dropshadows. This is strange because when viewing application in the Mac App Store it's clear that the rounded corners are entirely optional.
Is there something I should have added to my Info.plist file in order to stop this from happening (similar to the UIPrerenderedIcon key in iOS products), or is this just an oddity of the iTunes Connect website? The icon renders correctly in Finder and via the Activity screen in Xcode.
Any help would be appreciated.
Turns out that the App Store renders icons like this by default. It has no impact on the App Store rendering on the customer facing site.