概述
Edit webpages visually, inspect HTML/CSS, customize styles, test responsive layouts, capture screenshots, and export code.
✏️ Edit Page — Visual Website Editor & Developer Toolkit Edit webpages visually, customize styles, inspect HTML and CSS, and explore website layouts directly in your browser. Edit Page combines visual editing, developer tools, responsive testing, screenshots, and website analysis in one extension. 🎨 VISUAL EDITOR • Edit text and HTML, add elements, and move, resize, duplicate, hide, or remove page elements. • Customize fonts, colors, spacing, borders, dimensions, and positioning. • Undo, redo, and revert individual changes. 🔍 HTML & CSS INSPECTOR • Explore the DOM tree, HTML elements, classes, and attributes. • Inspect CSS rules, computed styles, specificity, inheritance, and the box model. • Copy HTML, CSS selectors, XPath, and element paths. • Review page colors, fonts, and color contrast. 💾 SAVE WEBSITE CHANGES • Save custom styles and automatically reapply supported changes when revisiting a website. • Pro: Unlimited saved websites, profiles, page conditions, checkpoints, configuration import/export, and optional cloud sync. 🖌️ ADVANCED CSS DESIGN • Pro: Flexbox, Grid, gradients, shadows, filters, transforms, CSS variables, bulk styling, and color or font replacement. 📱 RESPONSIVE TESTING • Preview layouts using phone, tablet, laptop, and desktop presets. • Pro: Custom viewport sizes, orientation, zoom, device screenshots, and side-by-side comparison. 📸 SCREENSHOTS • Capture visible pages, selected regions, and cropped images. • Pro: Full-page and element screenshots, annotations, redaction tools, device frames, and JPG/WebP export. ⚛️ DEVELOPER TOOLS • Preview CSS and HTML exports and explore website assets. • Pro: Copy/download code, export React JSX, Vue components, and Tailwind HTML/JSX, replace local images, download available assets in bulk, and run custom JavaScript on saved websites. • Record editing macros for free and replay them with Pro. 🔎 SEO & ACCESSIBILITY • Run 11 SEO checks and 8 accessibility checks. • Review headings, page statistics, detected technologies, and color contrast. • Pro: Export analysis reports in JSON or Markdown. 🧹 ONE-CLICK CLEANUP Remove supported cookie banners, pop-ups, overlays, sticky bars, chat widgets, app banners, push prompts, ads, and scroll locks. Pro adds automatic cleanup with configurable categories and per-site opt-outs. 🆓 FREE & PRO Free includes visual editing, HTML/CSS inspection, basic screenshots, responsive presets, saved edits for one website, website analysis, and cleanup tools. Pro unlocks advanced design, unlimited saved websites, enhanced screenshots, code export, and additional automation. 🎁 Try Pro free for 7 days. Sign in with Google and start your trial when ready. No payment card is required. One trial is available per eligible Google account. It's built for anyone who wants to edit and inspect webpages visually. Note: Edits change the page as rendered in your browser; they do not directly modify the original website or publish changes to its server.
4.1 星(5 星制)13 个评分
详情
隐私权
“Edit Page — Visual Website Editor & Developer Toolkit”已就收集和使用用户数据披露了以下信息。 如需了解详情,请查看开发者的privacy policy。
Edit Page — Visual Website Editor & Developer Toolkit会处理以下数据:
该开发者已声明,您的数据:
- 不会因未获批准的用途出售给第三方
- 不会为实现与产品核心功能无关的目的而使用或转移
- 不会为确定信用度或放贷目的而使用或转移
支持
若有任何疑问、建议或问题,请在桌面浏览器中打开此页面