I am running an electron app on Fedora Linux machine, and while the main Electron app is rendering fine, right-clicking and choose "Inspect Element" doesn't bring up the DevTools window.
I also tried "View" -> "Toggle Developer Tools" menu, but the window isn't brought up either.
I don't think this is an issue with the app, because DevTools work for this app on Mac/ other platforms.
Is there something I need to do in order for the devtools windows to show up?
It seems like the problem is that I'm using a older electron version (11.x). Upgrading to a new version (anything from 13.5.0 onwards) fixes the issue.
It came down to this bug https://github.com/electron/electron/pull/31047, though I'm still not sure why this only affected my Fedora environment and not others.
Related
Good morning and thank you for your time,
I am maintaining a mobile App made in Xamarin classic IOS with the Visual Studio Mac IDE. Recently Apple told me that I had to increase the SDK of this application to 15 to be able to upload my new version to the App Store, for this I had to update the operating system to MacOS Monterey Version 12.3.1, to later update Xcode 13.4 and to update the SDK of my project, once this change was made in Visual Studio Mac debugging options were disabled and the debug icon was changed to compile. When I access Run in the top menu of visual studio mac, the options to start debugging are disabled and no matter how much I change the debug project options remains the same.
Regards
enter image description here
It is very likely that you have some other Debug configuration that works (in Xamarin it could be Debug|iPhone).
After upgrading to Xcode 11.3.1, I am having problems using Safari web inspector with the iOS 12.1 simulator. Every time that I run an app inside of an iOS 12.1 simulator device, it will show up in the Safari debug menu and allow me to connect to it, but the only tabs I will see are Sources, Console and Audit.
Here is a screenshot of the inspector attached to an instance of the Safari browser inside of the simulator.
Is there any way to resolve this?
Environment:
MacOS 10.14.6 (18G95)
Xcode 11.3.1
Safari 13.1 (14609.1.20.111.8)
Simulator Version 11.3.1 (SimulatorApp-912.5.1 SimulatorKit-570.3
CoreSimulator-681.17.2)
Web Inspector engineer here...
This appears to be a bug in Web Inspector, and we are investigating the issue. Does it happen if you use a recent Safari Technology Preview to inspect your older iOS devices?
In addition to asking on SO.. it is strongly recommended to report bugs pertaining to developer tools at https://feedbackassistant.apple.com/ so that you get notifications about followup questions and when a fix has been shipped.
EDIT(May 14): The issue is fixed in our tree and the fix should be included in Safari Technology Preview 107 and the next major Safari release. Stay tuned for release notes.
I don't yet want to update my macOS from High Sierra, but I still run into this bug (even on a clean installed test system).
Elsewhere it was suggested to use Safari Technology Preview - but now it's only for Catalina an Big Slur.
Fortunately you can still download older versions using Archive.org (bless their hearts).
This is the latest I found for High Sierra (Release 80, Posted: April 12, 2019):
https://web.archive.org/web/20190420021102/https://developer.apple.com/safari/download/
I guess you can find a later one for Mojave too.
Update June 2021
For macOS Big Sur 11.4, you can download STP 125.
(This is answer is less of a fix, and more of a superior alternative I wish I had discovered much sooner.)
You can just debug iOS WebView with Chrome Dev Tools instead of Safari!!
Windows
You can follow this guide to debug iOS webview on Windows with Chrome DevTools. (Tested and works with iOS 9 and iOS 14 so far!!) Edit: not working with iOS 9 today.... not sure what changed...
Linux / Mac
I believe you can basically follow the windows guide above for linux and Mac as well. (Comments confirming/denying welcome!)
Troubleshooting any part of the guide
For any part of the guide that doesn't work (because out of date or linux/Mac), you can follow the instructions that are included directly with the tools that make this possible:
remotedebug-ios-webkit-adapter
ios-webkit-debug-proxy (used by remotedebug-ios-webkit-adapter)
Maybe try this older version Safari Technology Preview, works for me on BigSur.
I also faced the same issue after updating safari and MacOs to BigSur, for now we can use Safari Technology preview everything works fine.
I was having the same issue with my iPad (iOS version: 11.x).
I resolved the issue by using another iPad (version: 13.3.1).
I think it doesn't support older version of web browser (Safari).
You can actually right-click on the tabs to enable/disable certain tabs. After updating some of my tabs were also gone, this is how you restore them.
I am wanting to open developer tools on an iOS simulator
I have taken the following steps, on a 2016 MacBook running macOS Sierra 10.12.1 and don't know how to get any further:
I have Xcode installed
I create a new playground
Right click on the Xcode dock icon and click Open Developer Tool > Simulator
I now have an iOS simulator running whichever device I need, in my case iPhone 6 running IOS 10.0
Now I am wondering what steps do I take to debug, and inspect elements on a webpage as I would in Safari or Chrome developer tools?
Open Safari and go to Preferences. Under the Advanced tab, at the bottom, you'll see "Show Develop menu in menu bar". Make sure that is checked like in the image below.
Once that is checked, you'll see a new menu bar item named "Develop" between "Bookmarks" and "Window" in Safari's menu. Under the Develop menu, select "Simulator" and then select the site you want to debug. A new window with the developer tools will then pop up:
Download https://developer.apple.com/safari/technology-preview/
Open the website you want on your simulator.
On "Safari Technology Preview", under
Develop > Simulator --- [SimulatorName] > select your website from the list.
If you are on a mac, press CMD + G while running the Simulator on XCode. This will allow you to Inspect element like you can on a web browser.
To hide the menu, press CMD + D.
It looks like the most accepted answer incorrectly assumes the asker is wondering about Safari Simulator, not XCode Simulator.
If you're using React Native then you can install react-devtools globally and access devtools that way. To do this:
Install it by running npm install -g react-devtools from your terminal
Run react-devtools from your terminal
Make sure your app is running in the simulator
Open the in-app developer menu in the simulator by pressing cmd + D
You should now see the components list from the React Devtools Electron app.
After an upgrade to OSX 10.9.3 (13D65) and Safari 7.0.4 (9537.76.4), I am unable to set breakpoints in my cordova app using the Safari web inspector. Enabled breakpoints appear as dark grey, disabled as a lighter grey. "debugger" statements are ignored. The behavior is the same on either the simulator (iOS 7.1 11D167) or a physical device (iOS 7.1.1 11D201). The mobile app does show up under the Develop menu (iPad Simulator or xxx iPad). I can inspect the DOM. I tried the solutions suggested in this problem: Why is Web Inspector showing me "no inspectable applications"?, and this Why Safari shows "No Inspectable Applications" during remote debugging with iOS 6 device?.
The mobile app is compiled locally. It is debuggable on a second machine running the same versions of OSX & Safari, but I don't have access to that machine full time. Both machines have the same developer profiles and certificates (with private keys). How can I diagnose this?? Thank you for your help.
turns out that the issue was "Stop-plugins to save power" was enabled under Safari / Preferences (Advanced Tab). That disabled the ability to set a breakpoint. I don't recall setting that, but I didn't see anything indicating that the upgrade set that preference.
It is also necessary to place your breakpoints on lines containing executable code.
Breakpoints on blank lines between other lines of code are ignored.
When I debug my Xamarin.iOS project from Visual Studio, it builds, installs on the simulator, and launches the app without issue. But on launching, I'm seeing a bunch of Debug tracing from a method that doesn't even exist in my C# code anymore. I can also set breakpoints on the class from which I removed the method at the same line numbers where this method used to be, and I will see the removed method in the call stack when the debugger stops.
I've closed and reopened Visual Studio, reset the connection to the Mac build server, cleaned and rebuilt my solution, and manually deleted the solution output. On the Mac, I've closed and reopened the simulator, and tried Reset Content and Settings, which does clear out the app. But the situation still persists, even after all that. Is there something else can I try on the Mac to make sure that all cached copies of old code have been deleted?
In your project folder delete the bin and obj folders. This works for me but is still annoying.
Check your Configuration Manager (the drop down with Debug, Release etc) and check that all the projects are being built. It usually unchecks all the projects you are working with for some unknown reason.
This means that it isn't rebuilding all the projects and it hence shows an old version.
As per your comment of rebuilding each project, this is a classic sign of the projects not being checked to be built on run and why you have to do it manually.
In the iOS Simulator (on the Mac) click the "Reset Contents and Settings" entry the main menu.
Well this worked with my Android project suffering from the same issue:
Right click on Android project then select "Properties".
Select "Android Options" then "Packaging".
Un-check the "Use Shared Runtime" options.
then it worked normally
I had a similar problem (though on an Android emulator).
What didn't work for me:
restarting the computer
restarting Visual Studio
deleting bin / obj folders
going into Configuration Manager (Debug / Release / Configuration Manager) and ticking everything there - everything was ticked
changing the version of the app in the manifest
What worked for me?
Uninstalling the app from the emulator and then running Debug again.
It was an Android emulator, so I uninstalled by clicking on the app icon and holidng for long, and then dragging it to "Uninstall App". On an iOS simulator it should be similar.
In my case I had to enable all architectures:
Android project properties
Andrid Oprions
Section Anvanced Tab
Select all architectures and rebuild
I still have this problem with iOS simulators. My solution:
Unload the iOS project
Reload the iOS project
Build as usual
I do the above when I change simulator device.