🔍 Crx搜搜
HTML Tryit Editor 2.0
Aadhil RF
0.0
0
¥18.00

截图预览

概述
翻译

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)

尚无人评价此扩展,查看 其他语言

留言