In extensions on Opera 36.0.X isn't possible show badge over icon on sidebar. Bug is confirmed on 36.0.2114.0 and didn't exist on 34.0.X
Fixed in Opera Developer 37.0.2163.0
Related
Is there a React Development plugin for Opera ? The Opera (DragonFly) and Chrome Development Tools seem nearly identical. There seems to be no plugin for Opera that supports React Development. Is there perhaps a way to use the Chrome plugion for React in Opera considering they are nearly identical?
From the react-devtools README on github:
It exists both as a browser extension (for Chrome and Firefox), and as a standalone app
(works with other environments including Safari, IE, and React Native).
Note that if you want to run it as an addon in Opera, you can run Chrome extensions in Opera. See: https://addons.opera.com/en/extensions/details/install-chrome-extensions/
You can install "Install chrome extensions" and then go to React Developer Tools page in chrome store and you'll see "Add to Opera" button
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.
Remote debugging was easily possible with Opera Dragonfly in much previous versions of Opera. But Dragonfly has been replaced with Chromium based developer tools in recent versions and the remote debugging tool can not be found there .
So what is the way to do the remote-debugging in Opera (i.e. version 30 ) while using Opera Mobile Classic Emulator in desktop ?
You don't need the Emulator.
Open the site in Opera and then the developer tools (such as "right klick" -> "inspect element").
the second button from the left: "toggle device mode"
chose a device and reload the page
you can work with all the dev tools on the emulated page!
If neccessary you can add custom devices in Settings -> Devices
Have fun!
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.
I followed the steps to set up debugging webpage on iOS. It worked. However I see an issue with the inspector - it doesn't let me check the DOM and corresponding CSS. Anyone else has this issue? (Exact same issue when debugging using the simulator.)
Screenshot: http://screencast.com/t/E4fxPQwk14
Resource: https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html
Thanks!
UPDATE: WebKit nightly works. Thank you Timothy Hatcher!
You need to use a WebKit nightly, Safari 6.1 or Mavericks to use Web Inspector with iOS 7.
If you don't have access to Mavericks, You can also use Chrome devtools via proxy.
Debug iOS 6+7 Mobile Safari using the Chrome DevTools