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.
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 have an Electron App that loads a Safari App Extension in the Safari Browser.
When I open the browser, I can see my extension listed in Safari -> Preferences... -> Extensions.
As soon as I enable it, I see the Toolbar Icon appear then disappear.
Is there a way for me to debug my extension when it is loaded from Electron?
After some research I found out that we can find crash logs on a Mac machine in ~/Library/Logs/DiagnosticReports/
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.
This is the link I'm trying to go to from my website's "Download on the Mac AppStore" button:
http://appstore.com/mac/gdollc/zing
This is the syntax Apple recommends at https://developer.apple.com/library/archive/qa/qa1633/_index.html
When I try this link in Safari or Chrome, they handle it well, i.e. Safari will open the App Store app with the main page open at my app's page, and Chrome will do the same after prompting me if I want to open the App Store app.
But in Firefox, I get stuck on a page that shows "Connecting to the Mac App Store"
and a message saying "To use the Mac App Store, you need Mac OS 10.6.6 or greater. For more information, please click here." which isn't appropriate since I run Sierra.
That page is actually hosted by Apple as its URL is https://search.itunes.apple.com/WebObjects/MZContentLink.woa/wa/link?mt=11&path=mac%2fzing
Then a window appears with title "Launch application" with "This link needs to be opened with an application", and it offers me either iTunes (which is inappropriate for a macOS app in the Mac AppStore) or "Choose other Application".
Even if I click on this last option, the App Store app is grayed out, presumably because it thinks it can't handle the link.
Is there something I'm missing to get Firefox to behave like Safari & Chrome?
I disabled all NoScript/AdBlock software on Firefox for these tests. I'm running Firefox 55.0.3 (64-bit).
I've also tried this on another computer with the same behavior.
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?