Remote-debug in recent opera versions - opera

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!

Related

Missing "Web Inspector" Settings in simulator

After doing a "Reset All Content And Settings.." on the simulator the setting to enable using the web inspector in safari has disappeared, and I have no idea how to get it back:
Does anyone have an idea how to get this back, and "remote" debug a webpage in the simulator again?
It seems that this option is not available in the simulated devices. Tip: If you want to connect the console from your desktop Safari, you will need the Technology Preview. the normal one does not discover the simulator (though it finds the real device normally)
In my case (macOS 10.14.3 and iOS 12.1 simulators), the setting isn't there, but is active by default. Open the simulator and you should see it in Safari under Develop.
i needed to restart desktop safari. might help.
Worked for me download new Safari:
IOS Simulator: 13.4
(Safari Technology Preview)
https://developer.apple.com/safari/download/
Safari Technology Preview

Is there a React Development plugin for Opera?

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

Browserstack: Developer Tools for iPad?

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.

Appcelerator Apps don't work in Firefox and Chrome but work in IE

I have problem as following. I use a Titanium Studio, build: 3.1.1.201306112235 with SDK 3.1.1 GA (on Windows 7). When I try to run example app as "Mobile Web Preview in Browser", then I saw mobile app in my Firefox (version 21.0) but any actions associated with 'clicks' don't work. Furthermore when I try run the same app in Chrome I see the same behaviour. Only in Internet Explorer app works properly (version 10). Do you have idea why apps from Titanium don't work properly? If you would like to get some more logs just ask.
EDIT: I provide remote access, and reopen page by Firefox in the same version on my colleague's laptop. Then in here browser everything works well. So i have question which settings, on my browser can "freezing" titanium application. Javascript is running, so I don't have idea, what is bad in my configuration.
This sounds like you are making web service calls to a remote host, which violates the same-origin-policy built into recent versions of chrome.
Try opening up chrome with this policy disabled:
chrome.exe --disable-web-security

Launch Webkit Nightly in fullscreen mode

I am using Webkit Nightly because i'm working on some new HTML5 features. I would like to look at the application full screen, without the window chrome.
Other browsers have F11 and other buttons to go fullscreen, but webkit doesn't. Is there a way I can launch it in fullscreen mode?
Dennis
Webkit is a web content engine and its not a browser on its own. Anyway, which port of webkit are you referring to? GTK+? QT? EFL?
I just downloaded and compiled WebKit-r70098 (for GTK+) on my Ubuntu box following this instructions. The demo browser (GtkLauncher) that comes with it creates a window of 800x600 (hardcoded in the code) and doesn't have a fullscreen feature.
Also, the pre-compiled binaries for Mac OS X that allows Safari to run on top of Webkit, don't offer native fullscreen capabilities. Currently there's no fullscreen without tweaking Safari configuration files or using 3rd party plugins (there are lots of them).
EDIT:
On Windows, webkit.exe also doesn't have fullscreen capabilities.