能否在MJML应用预览区域打开dev tools校验padding等样式？

官方桌面端MJML App操作 #

• 启动应用后直接按下快捷键：Windows/Linux系统按 Ctrl+Shift+I，Mac系统按 Cmd+Opt+I，即可直接唤起内置开发者工具
• 若快捷键无响应，可点击顶部菜单栏的 视图 选项，在下拉菜单中找到 开发者工具 分类，选择 为当前标签页开启开发者工具 即可
• 打开DevTools后切换到*元素（Elements）*面板，选中预览区的对应DOM节点，就能实时查看padding等样式的实际生效状态

VS Code MJML插件预览校验（常用替代场景） #

如果是使用VS Code的MJML插件编辑，也可以直接在编辑器内完成校验：

• 打开MJML文件后，点击编辑器右上角的打开MJML预览按钮唤起预览面板
• 在预览面板区域右键，选择检查元素，即可唤起VS Code内置DevTools查看样式

提示：修改MJML代码后预览区会自动同步刷新，DevTools的样式数据也会同步更新，全程不需要导出HTML到浏览器，大幅减少样式调整的重复操作。

内容的提问来源于stack exchange，提问作者manymanymore