Charles Data Elements do not receive any values

If a Charles Data element (e.g. Charles Tab Infos, Charles Element Text, Charles Element HTML, etc.) does not get any values, the main issue usually is that the Charles Bubble Element is not placed correctly or the CSS selectors have been wrongly defined. Please ensure:

• The plugin elements (Charles Element Text and Charles Element HTML) are visible on the page (i.e. marked as visible on page load)

• The plugin elements are not in any popup or hidden element. They must be visible on the page

• You have chosen appropriate CSS selectors for the elements EG when you run:

console.log(document.querySelector("YOURSELECTOR") ? "Element exists on the page." : "Element does not exist on the page.");

it returns Element exists on the page.

Just copy the above code and paste it in the Chrome console: Chrome → View → Developer → Developer Tools (or right click on any element on the page and select inspect), then select the console tab and past the text. Don’t forget to adjust YOURSELECTOR with your selector.