Capture screenshot

Take a screenshot of the active tab’s viewport (i.e. the part that is currently visible on the screen):

  1. Add the element Charles: Screenshot to the page.

  2. Use the action Charles: Capture Screenshot to initiate a screenshot

  3. Once the screenshot is taken, the event screenshotCaptured is triggered. You can use the Charles: Screenshot's states

    1. Screenshot URL to access an image uploaded to the Bubble CDN. Please use :saved to S3 to make sure the image is permanently stored. This should be the main way of storing images.

    2. Base64 encoded image to save a base64 encoded image directly to Bubble’s databse. This can be useful if you need to use any 3rd party APIs that expect a base64 encoded image. Please note that the string contains a prefix: data:image/png;base64,iVBORw0KGgoAAA…

Last updated