概述
Build, test, and refine web projects without setting up a development server. HTML Tryit Editor brings professional code editing, real-browser rendering, responsive testing, a captured JavaScript console, and an offline mock API together in one private Windows workspace.
Write HTML, CSS, and JavaScript with syntax highlighting, intelligent suggestions, error markers, code folding, formatting, and other familiar editing tools. You can also use SCSS, Sass, or TypeScript. The app compiles them automatically before updating the preview.
See your changes immediately in the WebView2-powered live preview. HTML and JavaScript can reload automatically as you type, while CSS updates can be applied without reloading the page. This preserves scroll position, form input, and other page state. Device presets and custom viewport sizes make it easy to test responsive layouts and media queries.
Debug scripts with a captured console that supports expandable objects, console.table grids, styled console output, filtering, timestamps, source links, and log export. The built-in JavaScript REPL lets you evaluate expressions directly in the preview and supports command history, multiline input, and top-level await.
Create and manage multiple projects, each with its own source code, assets, language settings, and mock data. Projects save automatically and can be renamed, duplicated, exported, or opened in separate windows. Import existing web files, ZIP projects, and Tryit packages, or export a project as a ZIP, package, or self-contained HTML file.
Develop and test data-driven interfaces without installing Node.js or opening a network port. The offline mock API provides JSON collections and utility endpoints for delays, status codes, request inspection, UUIDs, random values, and timestamps. You can also create your own project-specific or shared JSON collections.
Add images, fonts, scripts, stylesheets, and other assets directly to your projects. Search cdnjs when you want to include an external library, or optionally serve the current project on localhost for testing in another browser.
Choose tabbed, column, or row-based editor layouts, pop the preview into a separate window, customize the editor, and switch between light, dark, and system themes.
Your code, projects, assets, and mock data remain stored locally on your device. The core editing, preview, console, project, and mock API workflows work offline. Internet access is used only for features such as searching for and loading CDN libraries, plus optional error reporting when enabled.
特性
Professional HTML, CSS, and JavaScript code editor
Syntax highlighting, autocomplete, diagnostics, and code folding
Automatic SCSS, Sass, and TypeScript compilation
Instant real-browser live preview powered by WebView2
Automatic HTML and JavaScript preview refresh
Live CSS updates without resetting page state
Captured JavaScript console with expandable objects and tables
Built-in JavaScript REPL with top-level await and command history
Responsive testing with phone, tablet, and custom device sizes
Project creation, management, duplication, and automatic saving
Offline mock REST API with built-in and custom JSON collections
Mock endpoints for delays, status codes, UUIDs, headers, and more
Project-specific and globally shared file assets
Import HTML, CSS, JavaScript, TypeScript, SCSS, ZIP, and Tryit files
Export projects as ZIP, Tryit package, or self-contained HTML
Optional localhost server for testing in external browsers
cdnjs library search and one-click HTML tag insertion
Tabbed, side-by-side, and stacked editor layouts
Detachable preview window for multi-monitor workflows
Local-first storage with light, dark, and system themes
此版本中的新增功能
New in v2.1
1. UI/UX and Visual revamp of all the dialogs
2. Keyboard shortcuts introduced for layout toggles and focus
3. Improved Log viewer in Console
系统要求
适用平台:电脑, 移动电话, Surface Hub, HoloLens
操作系统:Windows 10 版本 17763.0 或更高版本
来自商店的评价 (0)