Skip to main content

Rigi Documentation

Capture previews using RigiJS

You can capture HTML previews via browser developer tools.

  1. Install Rigi injector. For details, see the Install Rigi injector for Chrome and Install Rigi injector for Microsoft Edge guides.

  2. Open your web application in Chrome or Microsoft Edge.

  3. Ensure that the Rigi language is loaded. For details, see the Prepare a staging server with Rigi tokens guide.

  4. Press F12 to open the developer tools.

  5. (Optional) Ensure that Rigi works by performing the following test:

    1. Select the Console tab.

      Capture1.png

    2. Enter the command RIGI_Initialize({}).

    3. Hover over a text. If Rigi works correctly, it will be highlighted.

      Capture2.png

  6. Enter the command: RIGI_SaveScreenshot("test.html"). An HTML preview will be captured and stored as test.html.

    The HTML code contains all CSS, fonts, images, etc.

  7. Open the captured HTML Preview in a browser.

RigiJS default behavior covers 95% of cases. If Rigi blocks your application, you can overwrite some screen capture settings (for details, see the Configure application profiles seciton).

If the issue is not resolved, contact the Rigi team, so they can extend the script.

In this section: