If you're trying to capture an HTML file with the Reprise browser extension and it's not working, the issue may be that you're opening the file directly from your computer rather than serving it through a local server.
Why This Matters
When you open an HTML file using the file:// protocol (for example, by double-clicking it or dragging it into your browser), your browser applies strict security restrictions. These restrictions prevent extensions like Reprise from interacting with the file, which blocks the capture process.
To fix this, you’ll need to serve your HTML file through a local server so it loads with a http://localhost origin instead. This removes those restrictions and allows the extension to work as intended.
How to Set Up a Local Server
Follow these steps to serve your HTML file locally using Node.js and the http-server package:
1. Install Node.js
Download and install Node.js from the official site:
https://nodejs.org
2. Install http-server
Open your terminal and run this command to install the http-server package globally:
npm install -g http-server
3. Navigate to Your Project Folder
In your terminal, change to the folder where your HTML file is located. For example:
cd path/to/your-folder
4. Start the Local Server
Run the following command in the terminal:
http-server
You should then see a message showing your site is live at:
http://localhost:8080
Open that URL in your browser, and you should be able to capture your content with the Reprise extension.
Why This Works
Using a local server gives your file a real web origin (http://localhost) instead of a local file origin (file://). This avoids browser security restrictions that block extensions from accessing local files—letting Reprise capture the page successfully.
Need help? Reach out to our support team anytime!