In IntelliJ IDEA 2026.2, open an HTML file and choose View | Open in Browser. Select Built-in Preview for an editor-tab rendering, or choose a configured external browser. The built-in preview uses IntelliJ IDEA’s web server (default port 63342) and reloads after saved HTML, CSS, or JavaScript changes. For an actual image of the IDE or browser, use your operating system’s screenshot utility; IntelliJ IDEA’s Full Screen and Presentation modes change the view but are not documented as capture commands.
Choose the workflow that matches what you need
| Goal | IntelliJ IDEA workflow | Output | Automatic updates | Debugging required |
|---|---|---|---|---|
| See a running web page | View | Open in Browser → Built-in Preview | Interactive page in an editor tab | Reloads after saves by default | No |
| Check browser-specific rendering | View | Open in Browser → configured browser | Interactive page in Chrome or another configured browser | Controlled by browser-preview settings | No |
| Apply edits while debugging | Live Edit | Updated page during a debug session | Typically after the documented 300 ms delay | Yes |
| Publish source as readable markup | File | Export | Files or Selection to HTML… | Static HTML containing formatted source | No; regenerate after edits | No |
| Save visible pixels as an image | Your operating system’s screenshot utility | PNG or another OS-supported image format | Not applicable | No |
How do I preview HTML in IntelliJ IDEA?
Open the page in the built-in preview
- Open the project containing your
.htmlfile. - Open the HTML file in the editor.
- Choose View | Open in Browser.
- Select Built-in Preview. IntelliJ IDEA opens the rendered page in an editor tab.
The built-in preview is served by IntelliJ IDEA’s built-in web server. JetBrains documents that this server is always running and does not require manual setup. Its documented default port is 63342, so a local preview URL commonly uses that port.
| # | Preview | Product | Price | |
|---|---|---|---|---|
| 1 |
|
Beginning IntelliJ IDEA: Integrated Development Environment for Java Programming | $37.74 | Buy on Amazon |
| 2 |
|
IntelliJ IDEA Workflow and Productivity Guide: Definitive Reference for Developers and Engineers | $9.95 | Buy on Amazon |
| 3 |
|
IntelliJ IDEA Essentials | $29.99 | Buy on Amazon |
| 4 |
|
IntelliJ IDEA パーフェクトガイド | $108.98 | Buy on Amazon |
| 5 |
|
Intellij Idea in Action | $114.37 | Buy on Amazon |
Use an external browser
From the same View | Open in Browser menu, choose a configured browser instead of Built-in Preview. This is useful when you need the browser’s own developer tools, extensions, viewport emulation, or rendering behavior. Configure available browsers in Settings | Tools | Web Browsers and Preview.
Control reload behavior
Open Settings | Tools | Web Browsers and Preview and find the reload setting. The documented choices are:
Do these 3 things before closing this tab:
1Fix the driver behind crashes, sound loss and screen glitches2Clear out junk files and repair common Windows errors3Scan for outdated or missing drivers - takes under a minute#1 Best Overall
- On Change: reload when the IDE detects a file change.
- Disabled: leave the page unchanged until you reload it yourself.
Previewed pages reload after you save the HTML file or a linked JavaScript or CSS file by default. Automatic reload does not work when the page has been uploaded to a manually configured default web server; that server’s own refresh mechanism then applies.
How do I see CSS changes live?
Understand the difference between preview and Live Edit
Built-in Preview and external-browser preview render the page. Live Edit is a debugging workflow that applies HTML, CSS, and JavaScript edits while a page is being debugged. It is not merely another name for preview.
Check the Live Edit prerequisites
- The bundled JavaScript and TypeScript plugin must be available.
- JavaScript Debugger and Live Edit plugins are required.
- JetBrains documents those two plugins as available only with an IntelliJ IDEA Ultimate subscription, so verify your edition and current plugin availability.
- Use Chrome or another Chromium-based browser for the documented JavaScript debugging workflow.
Start a JavaScript debugging session for the page, then edit the source. JetBrains documents a default Live Edit update delay of 300 ms. If you only need a fresh render after saving, stop debugging and use ordinary browser preview with the reload setting that fits your project.
Rank #2
How should I render HTML and CSS accurately?
- Keep the HTML, linked stylesheet, and scripts inside the project opened by IntelliJ IDEA.
- Open the HTML file with View | Open in Browser and choose Built-in Preview for a quick local check.
- Save the HTML or CSS file and watch for the configured reload behavior.
- Open the same page in a configured external browser when browser-specific differences matter.
- Use Live Edit only when you need edits applied during an active debugging session.
This sequence separates three different questions: whether the page is rendered, whether a particular browser renders it the same way, and whether a debugger can apply edits without a full page reload.
The Tool Desk
Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →How can I export code to HTML in IntelliJ IDEA?
If “render HTML” means turning source code into a shareable, formatted document rather than running the web application, use File | Export | Files or Selection to HTML….
- Select the file or code you want to export.
- Choose File | Export | Files or Selection to HTML….
- Choose the destination and export options.
- Optionally include line numbers, hyperlinks to classes, and the option to open the generated file in a browser.
The result is static HTML that preserves syntax highlighting, indentation, and source structure. It does not execute your page’s application, load its runtime data, or replace Built-in Preview.
Rank #3
How do I take a screenshot of my IDE or browser?
The official IntelliJ IDEA documentation found for this workflow does not establish a general-purpose screenshot-capture command. Full Screen and Presentation modes change how the IDE is displayed; they are viewing modes, not documented image-export features.
- Arrange the IDE, preview tab, or external browser exactly as you want it to appear.
- Use your operating system’s screenshot or screen-capture utility to capture the entire display, a window, or a selected region.
- Save the image in the format and location offered by your operating system.
Because shortcut keys and capture options differ by operating system, use the current instructions for your OS rather than assuming an IntelliJ-specific key combination. A screenshot captures visible pixels; it is separate from rendering the page and from exporting source code to static HTML.
Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minutePC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 11Troubleshooting
Built-in Preview does not open
- Confirm that the file is an HTML page and that you invoked View | Open in Browser.
- Check Settings | Tools | Web Browsers and Preview for browser and preview configuration.
- If a manually configured default web server is serving the page, do not expect IntelliJ IDEA’s automatic reload behavior.
The page is stale after a CSS or JavaScript edit
- Save the changed file; reload-on-save is the default behavior for previewed HTML, linked CSS, and linked JavaScript.
- Check whether reload was changed to On Change or Disabled.
- With Disabled, reload the preview or browser manually.
Live Edit does nothing
- Make sure a JavaScript debugging session is running; Live Edit is not a standalone preview mode.
- Verify the JavaScript and TypeScript, JavaScript Debugger, and Live Edit plugins and confirm that your IntelliJ IDEA edition supports them.
- Use Chrome or another Chromium-based browser for the documented debugging support.
- Allow for the documented 300 ms update delay before judging the edit unsuccessful.
The exported HTML does not behave like the application
That is expected. File | Export | Files or Selection to HTML… produces a static representation of source code. Run the page with Built-in Preview or an external browser when you need scripts, styles, and application behavior.
Rank #4
The screenshot is missing content
An operating-system screenshot records what was visible at capture time. Scroll, resize, or switch to the required window before capturing. IntelliJ IDEA’s documented viewing modes do not provide a separate full-page web capture command.
Performance, reliability, and cost considerations
- Fast iteration: Built-in Preview avoids configuring a separate local web server, and reloads saved assets by default.
- Browser fidelity: External-browser preview is the appropriate check when Chromium behavior, browser tools, or extensions affect the result.
- Debugging overhead: Live Edit requires a supported edition, plugins, a debugging session, and a compatible browser.
- Static documentation: Export-to-HTML is deterministic for source presentation but must be regenerated after edits.
- Image capture: OS screenshots have no IntelliJ-specific billing or service dependency, but automation and remote capture require a separate tool.
Or skip the browser setup
ScreenshotNeo is a website screenshot API and MCP server for developers. One GET request returns a PNG, JPEG, WebP, or PDF. Before capture it accepts the cookie or consent banner like a visitor and removes more than 60 known consent platforms, newsletter popups, and chat widgets; each cleanup step can be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and each response identifies the result with X-Page-Verdict and X-Billed headers.
Use the API when you need repeatable captures outside the IDE, full-page lazy-image loading, a CSS-selector element, dark mode, device presets or custom viewports, retina scale, PDF paper settings and page ranges, custom CSS or JavaScript, pre-capture clicks, hidden selectors, waits for a selector, delay, or network idle, request blocking, custom headers/cookies/user agent/Authorization, timezone or geolocation, transparent backgrounds, resizing, chosen cache TTLs, signed image links, asynchronous jobs with signed webhooks, bulk capture of up to 100 URLs per call, usage data, or an OpenAPI specification. Parameter names used by other screenshot APIs also work, which can simplify migration. Its MCP server exposes take_screenshot, get_page_info, and capture_pdf to Claude, Cursor, and other MCP clients.
See the ScreenshotNeo documentation for request options. A minimal cURL request is:
Best Value
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpPython:
import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)Node.js:
const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);Plans include 1,000 shots per month free with no card, then Starter at $5 for 3,000, Growth at $15 for 15,000, Pro at $39 for 60,000, Scale at $99 for 250,000, and Business at $249 for 1,000,000. Yearly billing gives two months free, and every feature is on every plan. Create a free ScreenshotNeo account to start with 1,000 screenshots a month and no card.
FAQ
Can I automate an IntelliJ screenshot from the IDE itself?
The documented IntelliJ IDEA pages do not establish a general screenshot command or automation API. Use your operating system’s capture utility for manual images, or an external screenshot API when captures must run in scripts or services.
Which workflow creates a file I can send to someone?
Use an OS screenshot for visible pixels, or File | Export | Files or Selection to HTML… for a static, formatted code document. Built-in Preview and Live Edit are viewing and debugging workflows rather than file-export commands.
Frequently Asked Questions
Can I automate an IntelliJ screenshot from the IDE itself?
The documented IntelliJ IDEA pages do not establish a general screenshot command or automation API. Use your operating system’s capture utility for manual images, or an external screenshot API when captures must run in scripts or services.
Which workflow creates a file I can send to someone?
Use an OS screenshot for visible pixels, or File | Export | Files or Selection to HTML… for a static, formatted code document. Built-in Preview and Live Edit are viewing and debugging workflows rather than file-export commands.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
