How-To Instructions

[JHPJHP]

Chromium Framework

DT Playground:
➤ Included with both the Access-Key and FREE STUFF downloads.

The ComboBoxGadget is editable. Use the Chrome DevTools Protocol as a reference to help test additional commands.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

This example hosts various hidden features that are outlined in the following documentation.
➤ Executing a single command may be part of a larger algorithm initiating multiple commands.

DOM.getDocument
➤ Changing the "depth" value to -1 will return the entire subtree.
➤ The returned "backendNodeId" values can be used with the DOM.describeNode method.

DOM.getNodeForLocation
➤ Position the mouse pointer over any webpage element, press the Insert Key to populate the "x" and "y" values.

Fetch.enable
➤ Navigating to a predefined web address, the user is prompted with the option to block or allow the URL.
➤ In addition, the source code is manipulated before opening the webpage, changing the username from JHPJHP to Worf.
➤ First, execute this method. Next, execute the Page.navigate method to open a predefined web address.

Input.emulateTouchFromMouseEvent
➤ Position the mouse pointer over any webpage element, press the Insert Key to populate the "x" and "y" values.

Input.insertText
➤ Set the cursor to your favorite browsers search field, or any field that accepts text input.

Page.captureScreenshot
➤ Execute this method to return a View Port screenshot, prompting the user to save the image.
➤ Change the Event ID from 20100 to 20101 to return a Full-page screenshot.

Runtime.compileScript
➤ Before executing this method use the Page.navigate method to open a predefined web address.
➤ After executing this method type jhpjhp into the search field; all topic titles will change to JHPJHP.

Runtime.evaluate
➤ This will execute an Async/Await and Promise JavaScript with a predefined delayed of 2.5 seconds.

Target.closeTarget
➤ After closing the target, the user is prompted with the option to open a new browser.
➤ After a browser has been closed, the user can also press the Insert key to initiate a new connection.
➤ After a new browser has been opened, select the Socket Connection option to begin.

Target.createTarget
➤ This will create and activate a new tab; the first tab is still open and connected to DevTools.
➤ Use the Target.activateTarget method to bring the first tab back into focus.
➤ Select the Port Listening option to view a list of Page Targets; change Page ID to connect DevTools.

[JHPJHP]

[JHPJHP]

CDP Remote (Templates):

Make sure the Chromium browser is installed.
➤ Execute the PureBasic file: Run_Chromium.pb
• Tested on Linux

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Or (Windows only)

Execute the PureBasic file: Run_Edge.pb

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Or (Windows only)

1. Execute the following PureBasic files from the IDE.
➤ shortcuts\Edge_Default.pb
• Default Port: 9222
• Profile Folder: profiles\CDP_Default_MSEDGE
➤ shortcuts\Edge_Application.pb
• Default Port: 9223
• Profile Folder: profiles\CDP_Application_MSEDGE
➤ shortcuts\Edge_Headless.pb
• Default Port: 9224
• Profile Folder: profiles\CDP_Headless_MSEDGE

2. Double-click the file: shortcuts\Edge Headless.
➤ Headless: Web browser without a graphical user interface.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Execute the following PureBasic file from the IDE: Remote_Screenshot.pb.
➤ Make sure the port in the example matches the port used to start the browser.
➤ Dialog window will open prompting the user to save a full-page screenshot of the webpage.
➤ DevTools command is sent closing the browser.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

When not in headless mode and taking a screenshot, make sure part of the webpage is visible.

[JHPJHP]

CDP Firefox (Templates):

Make sure the Firefox browser is installed.
➤ Execute the PureBasic file: Run_Firefox.pb
• Tested on Windows & Linux

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Or (Windows only)

Make sure the Firefox browser is installed.
1. Execute the following PureBasic files from the IDE.
➤ shortcuts\Firefox_Default.pb
• Default Port: 9222
• Profile Folder: profiles\CDP_Default_FIREFOX
➤ shortcuts\Firefox_Headless.pb
• Default Port: 9224
• Profile Folder: profiles\CDP_Headless_FIREFOX

2. Double-click the file: shortcuts\Firefox Headless.
➤ Headless: Web browser without a graphical user interface.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Execute the following PureBasic file from the IDE: Remote_Screenshot.pb.
➤ Make sure the port in the example matches the port used to start the browser.
➤ Dialog window will open prompting the user to save a viewport screenshot of the webpage.
➤ DevTools command is sent closing the browser.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Additional Options: https://wiki.mozilla.org/Firefox/CommandLineOptions