How to use Chrome debugging feature on pCloudy platform.

  • Connect to the desired device on which the debugging needs to be done.
  • On device page in the left pane click on “Debug” tab to choose debug feature.
  • Select the “Debug using Chrome Dev Tool” feature to select the HTML or Hybrid application or web app.

  • After selecting this feature, a dialog is displayed to choose the web app or application. 
  • Choose the desired tab. In the example here we have chosen WEB app.

  • Click on WEB and enter the url for the web app. e.g. we have entered
  • Once the url is entered click on Start button for debugger to start.

  • User will be notified with the status of the debugger as shown below.

Once the debugger is started a new window will open. Please make sure the Pop-up are not blocked before starting the debugger.

  • Click on the security icon as shown on the top right corner. 
  • It will ask if you need to load unsafe scripts. 
  • Please select the “Load unsafe scripts” link.

The new window will have all the elements/css of the page displayed on the device. Based on your need you can select other options.

Click the top left corner as shown in the below screen shot if you would like to get the code to be highlighted automatically when hover the mouse on any element on the page.