应用截图
详细介绍
Master web development with an all-in-one browser extension that helps you inspect, edit, test, debug, and optimize websites faster.
⭐ Inspector: Hover to Inspect, Click to Edit
1. Inspect any site by hovering over the element.
2. Don't miss any styles. Inspect pseudo-elements and classes.
3. Inspect and edit styles for all screen sizes and animations in real time.
4. Style elements visually with our powerful visual editor in real time.
5. Edit HTML, styles, media queries, and animations in real-time.
6. The code is syntax-highlighted for better reading and editing.
7. Copy or export the whole component with children to CodePen.
8. Edit Copy- Check how different copy looks on your page by editing the element's content in real-time.
9. Hide or Remove Elements- Debug page structure by hiding or removing elements.
10. Color Palette- Get every color from the page.
11. Font Viewer- Know what fonts each tag is using.
12. Search- Find the element through tag name, id, or classes. Even with CSS selectors!
13. CSS Box- Visually inspect the padding, margin, border, and size of the element.
⭐ Color Eyedropper: Spot, Point, and Select Colors
1. Pick colors from anywhere on the page, even from images and iframes.
2. Get RGB, CMYK, HSL, and hex values.
⭐ Responsive Viewer: Preview on Multiple Devices
1. Test your websites on multiple devices under multiple conditions in parallel.
2. Click or scroll on one device and other devices will follow.
3. Simulate modern devices with frames and OS.
4. Add new custom device profiles to fit your needs.
5. Test sites on viewports bigger than your display.
6. Change user-agent.
⭐ Assets: Extract all the assets in one place
1. Extract images, videos, SVGs, PDFs, Lottie animations, and Favicons from the page.
2. Extract assets from iframes and hidden elements. No valuable content is overlooked.
3. Filter and sort assets by type, size, and format. Find what you need quickly.
4. Zip and save all assets in one click. No more manual dow
⭐ Inspector: Hover to Inspect, Click to Edit
1. Inspect any site by hovering over the element.
2. Don't miss any styles. Inspect pseudo-elements and classes.
3. Inspect and edit styles for all screen sizes and animations in real time.
4. Style elements visually with our powerful visual editor in real time.
5. Edit HTML, styles, media queries, and animations in real-time.
6. The code is syntax-highlighted for better reading and editing.
7. Copy or export the whole component with children to CodePen.
8. Edit Copy- Check how different copy looks on your page by editing the element's content in real-time.
9. Hide or Remove Elements- Debug page structure by hiding or removing elements.
10. Color Palette- Get every color from the page.
11. Font Viewer- Know what fonts each tag is using.
12. Search- Find the element through tag name, id, or classes. Even with CSS selectors!
13. CSS Box- Visually inspect the padding, margin, border, and size of the element.
⭐ Color Eyedropper: Spot, Point, and Select Colors
1. Pick colors from anywhere on the page, even from images and iframes.
2. Get RGB, CMYK, HSL, and hex values.
⭐ Responsive Viewer: Preview on Multiple Devices
1. Test your websites on multiple devices under multiple conditions in parallel.
2. Click or scroll on one device and other devices will follow.
3. Simulate modern devices with frames and OS.
4. Add new custom device profiles to fit your needs.
5. Test sites on viewports bigger than your display.
6. Change user-agent.
⭐ Assets: Extract all the assets in one place
1. Extract images, videos, SVGs, PDFs, Lottie animations, and Favicons from the page.
2. Extract assets from iframes and hidden elements. No valuable content is overlooked.
3. Filter and sort assets by type, size, and format. Find what you need quickly.
4. Zip and save all assets in one click. No more manual dow
