
How can I see see email source code from web based clients
Hello,
Big thanks to Litmus for putting this together, met them last week at Silverpop's Amplify and was very impressed. Now for the question.
I'm always getting email that I want to look at under the hood, especially to see who's using media queries. I use gmail at work and yahoo at home so all the email I get in through a web client. What I'd like to do is be able to view the email source code and pop it into Dreamweaver to steal stuff.
If I just view source I get all kinds of other code and if I "view selection source" or "this frame only" I miss the css & media query rules that I'm looking for. Anyone got some ideas on a work around?
Thanks!
While I can't recommend stealing source wholesale—using it as inspiration and a learning tool is always a good idea! If you're using Gmail (or Apple Mail on desktop), we actually have a tool called Scope that makes it very easy to not only check out the source code of any email, but also see how it renders in both desktop and mobile views.
In Gmail, you can also show the original source via a dropdown, which will pop open the code in a separate browser tab.
It has all of the header stuff in there (which can be useful if you're into deliverability stuff), but once you get past that, it's all source code.