• Product

    Code Editor

    A code editor that knows email

    Live Previews

    Previews designed to work for you

    Components

    Powerful reusable code blocks

    Transformers

    Optimize with the flick of a switch

    For Teams

    Collaborate with your team

    And much more...

    Docs on all functionality

  • Pricing
  • Resources

    Documentation

    Explore all the ways you can use Parcel

    Getting Started

    • Overview
    • Uploading
    • Preview

    Concepts

    • Test Sends
    • Snippets
    • Tricks & Tips

    Free tools

    Email Resources
    Mailto Link Generator
    Calendar Link Generator
    Progressive Enhancement Calculator
  • Help
  • Company
    BlogAboutClimateContactChangelog
  • Sign in
  • Sign in
  • Sign up
  • Parcel
    • Welcome
  • Workspace
    • Overview
    • File explorer
    • Emails
    • Uploading
    • Images
    • Test sends
    • Exporting
    • Importing From Your ESP
    • Search
    • Multiple workspaces
    • Versioning
  • Editor
    • Shortcuts
    • Emmet
    • Snippets
    • Theme
    • Preferences
    • Spellcheck
    • Hover Overlays
    • MSO Support
    • Can I Email
    • Minimap
    • Tricks & tips
  • Transformers
    • Overview
    • MJML
    • CSS inlining
    • Formatting
    • URL parameters
    • CSS cleanup
  • Components
    • Overview
    • Your first component
    • Slots
    • Template syntaxDraft
    • Conditional rendering
    • Looping
    • Styling
    • Fetching dataDraft
    • Putting it all together
  • Command Palette
    • Command palette
    • Editor commands
  • Preview
    • Preview
    • Resizing
    • Preview Grid
    • Dark mode
    • Visual impairment
    • Image blocking
    • Screenshots
  • Developer Tools
    • Overview
    • Inspect element
    • Focus mode
    • Expanded table view
    • Source
    • Problem checker
    • Link validation
    • Image validation
    • SpamAssassin
    • Accessibility checker
  • Sharing
    • Sharable URLs
    • Share Page
    • Embedding
    • Parcel Playground
  • Teams
    • For Teams
  • Account
    • User✨ New ✨
    • Achievements✨ New ✨
    • Experiments
    • Audit Log

Developer Tools

The Developer Tools are a powerful suite of functions to help you work efficiently and effectively. You can access the Developer Tools in the bottom right corner of the preview.

Screen recording showing where to find the Developer Tools

Tools

Source CodeYour compiled production code.Inspect ElementIdentify and jump to elements.Focus ModeKeep the preview aligned with the code.Expanded Table ViewHighlight table borders to identify table-based layout issues.Link ValidationVerify that all of your links work.Image ValidationVerify that all of your images load properly.Problem CheckerCheck your code for errors and warnings.SpamAssassinSee how SpamAssassin scores your email content.

Previous ArticleNext Article

Parcel is made by Avi Goldman with help from a few wonderful folks passionate about making email just a little bit better.

Product

  • Code Editor
  • Previews
  • Transformers
  • Components
  • For Teams
  • Pricing

Resources

  • Documentation
  • Sessions
  • Support
  • API access
  • Changelog

Company

  • About
  • Blog
  • Climate
  • Contact

Free tools

  • Email Resources
  • Mailto Link Generator
  • Calendar Link Generator
  • Progressive Enhancement Calculator
  • EML Viewer
© 2022 AYMLab, LLCTerms and ConditionsPrivacy
hello@parcel.io