Use opera mobile to debug mobile webpage

DebuggingCodeIs everyProgramDevelopers must be proficient in front-end development. As long as your browser is not too old, press F12 to view various debugging consoles. This section does not describe how to debug code in a specific project, but describes how to remotely debug pages in opera mobile in opera desktop edition.

Download the latest opera mobile emulator and install it. Then open the opera desktop version (the version should not be too low). Press the hotkey (CTRL + Shift + I) or right-click "Check element ", activate the opera debugging tool dragonfly. Next, go to Dragonfly and opera
Mobile (enter Opera: Debug in the address bar and press Enter) to configure remote debugging.

Generally, keep the default port unchanged. If the default 7001 port is occupied, change it to another port. Apply the settings in dragonfly and connect at opera mobile. If nothing happens, Dragonfly automatically closes the settings of the floating layer and can start debugging.

(View and modify the DOM)

(Let opera mobile run the test JS)

Many may confuse opera mobile and opera Mini. You can search for the differences between the two. In addition, chrome supports remote debugging. Click here to see the Introduction.