Is there a keyboard shortcut to close the current Debugger (source file) tab within the Firefox Developer Tools (on MacOS)?
On Windows it is Ctrl+W, so I assume it is Cmd+W on MacOS.
Note that you need to have the file you want to close focused in the DevTools, otherwise the browser tab will be closed.
See also the documentation of all DevTools keyboard shortcuts on MDN or the one just for the Debugger.
Related
Video showing the bug: https://www.youtube.com/watch?v=tQoOYWe0jfE
Install any Safari Web Extension from the Mac App Store (e.g. DuckDuckGo Privacy Essentials, Bitwarden Password Manager).
Resize the Safari window until the extension browser_action icon is forced into the overflow menu (>> at the far right of the toolbar).
Open the overflow menu and click the menu item for the extension. Nothing happens.
This even occurs when using the sample extension "Sea Creator" developed by Apple. You can build it and try it out by following the instructions on this page: https://developer.apple.com/documentation/safariservices/safari_web_extensions/developing_a_safari_web_extension
I have filed a Feedback Assitant report for this issue: FB9495287 / http://www.openradar.me/radar?id=5035732439662592
Anyone know what's going on here? Or does anyone have a workaround to get the extension popup to appear when invoked from this menu?
I am working on a custom Safari extension and would like to debug the Background scripts. I am not certain how to do this? Ideally, if there was a way to step into the background scripts, that would be great. But when I try to step into a background call, the Safari debugger just steps to the next line. The console.log within the background scripts do not get printed to the console (This is the console I launched from right clicking a popover that is part of the extension and then hitting inspect).
Any help on this would be great. Thank you.
This is an old question that asks about a different type of Safari extensions but I figured it could be helpful to add an updated answer now that Safari (v14) supports the Web Extensions API (similar to the API that all other major browsers use).
Debugging background scripts is now built into the Safari menu in the toolbar: "Develop" => "Web Extension Background Pages" => select your (enabled) extension. That should open the dev tools with all your background scripts where you can set breakpoints, check the network tab, etc..
As a side note, you can debug your extension's popup by opening it, right clicking the popup and clicking "Inspect Element".
In case this comes useful for someone - I figured out a way to view console statements in the background scripts. Open the extension builder and click on Inspect Global Page. Go to the console tab and the console.log messages in the background scripts will be printed in that console.
Now you can use Safari Preview to debug your Safari App Extension. There is a control to select the extension container at the lower-right corner of the console.
How do I hide the toolbar that shows browser icons floating above my code?
I'm using WebStorm 64 bit, version 10.0.4, on Windows 8.1 x64.
Settings/Preferences
Tools | Web Browsers
Uncheck Show browser popup in the editor option (bottom part of the screen)
Since 2020.3 version you have a bit better control over file types:
Another possible solution: just disable all browsers in that list.
I am using Browserstack to test some websites on the iPad. I just don't seem to get where the developer tools are within that emulator. Shouldn't there be Firebug Lite somewhere? Can someone point the dev tools out to me please?
Launch iOS simulator from BrowserStack.
Once loaded, from the OSX menu bar, click Help > Mac Help.
In the open window type "Safari" in the search box.
Click "Safari Overview".
Click "Open Safari for me".
From the Safari menu bar, click Develop > iOS Simulator > (the iOS tab you want to inspect)
Screenshot of debugging iOS inside BrowserStack
As I posted here, Browserstack now appears to support Dev Tools, but only on physical devices (those with a blue mobile icon, below).
You activate the dev tools by clicking the button in the toolbar:
In the iOS simulator you can click the 'bookmarks' button (of the device) and firebug lite is available from there. It does not seem to load on the iPhone 5 that I am testing currently but may work for someone else.
To open Safari for debugging a simulator, follow the instructions above. If Safari Overview is not available, look for a "Search the Web" link at the bottom of the window. This also opens Safari.
Let's say I have the following line of Android code:
MyClass myClass = (MyClass) intent.getExtras().getSerializable("SomeKey");
How can I make IntelliJ/Android Studio open a browser and navigate to the following URI when hitting F1 while the cursor has marked "getSerializable"?
http://developer.android.com/reference/android/os/Bundle.html#getSerializable(java.lang.String)
Is there a plugin for this maybe?
Open up Project Structure window and then go to Libraries and point to the android jar:
Now press the green plus sign:
Choose the Specify Documentation URL... option:
Enter the Android SDK API url:
Press OK all the way back so you end up in the editor again. Now place the caret at the method and press Shift+F1:
The browser will open up and navigate to the correct page.
In my Android Studio 1.5.1 installation, the libraries are listed in the Structure View once I select my module from the Project View and select Android from the drop-down as shown in this link:
Click >> Project View and Project Structure View
Now right-clink on the library you want to add URL to and select Library Properties. A window will popup with a button Specify Documentation URL and you can paste your URL there.
Click >> Library Properties windows and Documentation URL popup
Now you can go to the code editor, select any element you want to see documentation for and press Shift+F1 and browser will open up with the corresponding URL.
Tested with Android Studio Bumblebee 2021.1.1
Select an Android SDK symbol (e.g. class name) and then...
Press Shift+F1 to open browser with External Documentation
Press Ctrl+Q to open a popup showing Quick Documentation